bybenceKapcsolat

Kapcsolat

Szín adatlap

Artisan Blue

A Artisan Blue egy közepes világosságú, visszafogott és hideg tónusú cián szín.

cián
közepes világosságú
visszafogott
hideg tónusú

HEX

#AFBFC4

RGB

rgb(175, 191, 196)

HSL

hsl(194, 15%, 73%)

Kattints a szín módosításához

Aktuális szín

#AFBFC4

Legközelebbi: Artisan Blue

Színkereső

Keress színt bármilyen formátumban.

Keress név, HEX, RGB, HSL, HSV, HSB vagy CMYK érték alapján. Ha nincs pontos találat, megkeressük a legközelebbi színt.

Technikai adatok

Artisan Blue színértékei

HEX

#AFBFC4

RGB

rgb(175, 191, 196)

HSL

hsl(194, 15%, 73%)

Színcsalád

cián

Világosság

közepes világosságú

Telítettség

visszafogott

Hőmérséklet

hideg tónusú

Színelemzés

Mit érdemes tudni a Artisan Blue színről?

A Artisan Blue HSL világossága 73%, ezért közepesen világos árnyalatnak tekinthető. Telítettsége 15%, vagyis visszafogottan telített. Színárnyalati értéke 194°.

A számított design heurisztika alapján legerősebb szerepe border- és elválasztószín (78/100), ezt követi a kártya- és surface szín (76/100).

Világosság

73%

közepesen világos

Telítettség

15%

visszafogottan telített

Legjobb szerepkör

78/100

border- és elválasztószín

Legjobb kontraszt

11.07:1

Fekete szöveggel

WCAG / fekete szöveg

11.07:1

A fekete szöveg és a Artisan Blue háttér kontrasztaránya 11.07:1.

WCAG / fehér szöveg

1.9:1

A fehér szöveg és a Artisan Blue háttér kontrasztaránya 1.9:1.

Olvashatóság

Fekete szöveg ajánlott

A Artisan Blue háttéren a fekete szöveg biztosítja a nagyobb kontrasztot, 11.07:1 aránnyal. Ez eléri a WCAG AAA szintet normál méretű szövegnél.

Színharmónia

Komplementer és analóg árnyalatok

A HSL színkör alapján a Artisan Blue komplementer árnyalata #C4B5B0, míg a két 30°-kal eltolt analóg árnyalat #B0C4BF és #B0B5C4.

Komplementer

#C4B5B0

Legközelebbi név: Grey Rose

Analóg −30°

#B0C4BF

Legközelebbi név: Crystal Oasis

Analóg +30°

#B0B5C4

Legközelebbi név: Brother Blue

Fejlesztőknek

Használd a Artisan Blue színt kódban

Másold ki azonnal CSS, SCSS, Chakra UI, Tailwind vagy JSON formátumban.

#AFBFC4

--color-artisan-blue: #AFBFC4;

Árnyalatok

A Artisan Blue világosabb és sötétebb árnyalatai

Használj világosabb tónusokat háttérként és felületeken, sötétebb árnyalatokat pedig hangsúlyosabb elemekhez vagy erősebb kontraszthoz.

50

#F7F9F9

Zhēn Zhū Bái Pearl

100

#EBEFF0

Bái Sè White

200

#DBE2E4

Cosmic Dust

300

#CBD5D9

Polar Drift

400

#BBC9CD

Hazy Blue

500

#AFBFC4

Artisan Blue

600

#9EACB0

Pelican Bay

700

#838F93

Common Feldspar

800

#697376

Rain Shadow

900

#4F5658

Urbanite

Gyors értékelés

Mire jó a Artisan Blue?

Gyors áttekintés arról, hogy a Artisan Blue milyen szerepekben működhet jól egy digitális felületen.

Artisan Blue

#AFBFC4

Elsődleges márkaszín

Óvatosan

38/100

Kiemelőszín

Óvatosan

30/100

CTA / gomb

Óvatosan

35/100

Háttérszín

Használható

45/100

Kártya / surface

76/100

Szövegszín

Óvatosan

31/100

Border / elválasztó

78/100

Színkombinációk

Milyen színekkel párosítsd a Artisan Blue színt?

Nem minden kombináció ugyanazt a vizuális hatást adja. Válassz palettát attól függően, hogy professzionális, prémium, lágy vagy merész megjelenést szeretnél.

Professzionális

Visszafogott, üzleti és könnyen alkalmazható kombináció.

Prémium

Mélyebb tónusokkal és erős kontraszttal elegánsabb hatás.

Lágy

Világosabb, nyugodtabb paletta nagyobb felületekhez.

Merész

Erősebb kontraszt és karakteresebb vizuális jelenlét.

Analóg

Egymáshoz közeli árnyalatok harmonikus színrendszerhez.

Kapcsolódó színpaletták

Színpaletták a Artisan Blue színhez

Fedezz fel olyan összeállításokat, amelyekben a Artisan Blue vagy egy hozzá közeli árnyalat kap szerepet.

Összes színpaletta →

Naplemente Indigó

Három, egymástól közel azonos szögtávolságra lévő színből épülő energikus paletta.

#B7CA91

#A4BECB

#BA91AD

#F0F0F0

#242424

Mézes Palakő

Három, egymástól közel azonos szögtávolságra lévő színből épülő energikus paletta.

#BFCA91

#A4C3CB

#BA91B2

#F0F0F0

#242424

Aranyló Horizont Tone

Három, egymástól közel azonos szögtávolságra lévő színből épülő energikus paletta.

#AFCA91

#A4B9CB

#BA91A7

#F0F0F0

#242424

Holdfényes Lagúna No. 2

Kontrasztos, de a klasszikus komplementer párosításnál kiegyensúlyozottabb paletta.

#CABF91

#A2C0CD

#A093BE

#EBEBEB

#292929

Őszi Lagúna Series

Három, egymástól közel azonos szögtávolságra lévő színből épülő energikus paletta.

#C6CA91

#A4C8CB

#BA91B8

#F0F0F0

#242424

Acélos Mező Collection

Három, egymástól közel azonos szögtávolságra lévő színből épülő energikus paletta.

#CABF91

#A4CBC3

#B291BA

#F0F0F0

#242424

Accessibility

Olvashatóság és kontraszt

Ellenőrizd, hogy fekete vagy fehér szöveg működik-e jobban a Artisan Blue háttéren, és hogy teljesülnek-e a WCAG kontrasztkövetelmények.

Fehér szöveg

Aa

1.9:1

× WCAG AA
× WCAG AAA

Fekete szöveg

Aa

11.07:1

WCAG AA
WCAG AAA

Ajánlott szövegszín

Fekete

Legjobb kontraszt: 11.07:1

A színről

01

Milyen szín a Artisan Blue?

A Artisan Blue (#AFBFC4) egy közepes világosságú, visszafogott és hideg tónusú cián szín. A cián színcsaládra jellemzően friss, tiszta és modern vizuális karaktert képvisel.

02

A Artisan Blue megjelenése

Közepes világossága miatt önálló főszínként és kiegészítő árnyalatként is rugalmasan használható. Visszafogott telítettsége miatt kevésbé domináns, így nyugodtabb és kiegyensúlyozottabb vizuális környezetben is jól használható. Hideg tónusa rendezettebb, nyugodtabb és modernebb vizuális hatást kelthet.

03

Mire használható a Artisan Blue?

A Artisan Blue különösen jól használható modern digitális felületekhez, technológiai projektekhez és könnyed vizuális megoldásokhoz. A pontos alkalmazásnál érdemes figyelembe venni a környező színeket, a kontrasztot és azt is, hogy főszínként vagy kiegészítő színként jelenik meg.

Felhasználási területek

Hol működik jól a Artisan Blue?

Ugyanaz a szín teljesen más karaktert adhat attól függően, hogy weboldalon, arculatban, alkalmazásban vagy nyomtatott anyagon használjuk.

Webdesign

01

Weboldalakon

Webdesignban a Artisan Blue különösen jól működhet fő márkaszínként, gomboknál, kártyákon, navigációs elemeknél és vizuális kiemeléseknél. A visszafogott karakter miatt érdemes figyelni arra, hogy ne kerüljön túl sok hasonlóan hangsúlyos szín mellé, mert az gyengítheti a vizuális hierarchiát.

Egyedi weboldal készítés Debrecenben

Branding

02

Arculatban

Arculati színként a Artisan Blue friss, rendezett és digitális benyomást közvetíthet. Jól illeszkedhet technológia, SaaS, egészségügyi technológia és digitális szolgáltatások területén működő márkákhoz, különösen akkor, ha a cél egy friss, tiszta és modern megjelenés kialakítása.

UI design

03

Felhasználói felületeken

Felhasználói felületeken a Artisan Blue használható aktív állapotokhoz, gombokhoz, linkekhez, badge-ekhez vagy hangsúlyos információk jelölésére. Nagyobb összefüggő felületen történő használat előtt mindig érdemes ellenőrizni a szöveg és a háttér közötti kontrasztot.

BRAND

Visual
story.

Social

04

Közösségi médiában

Közösségi média grafikákban a Artisan Blue erős vizuális azonosító lehet. Háttérként, tipográfiai kiemelésként vagy visszatérő márkaelemként is alkalmazható, különösen egyszerűbb kompozíciókban, ahol a színnek van tere érvényesülni.

Print

05

Nyomtatott anyagokon

Nyomtatott anyagokon, például névjegyen, plakáton, brosúrán vagy csomagoláson a Artisan Blue karakteres vizuális jelenlétet adhat. Digitális és nyomtatott használat között azonban lehet eltérés, ezért végleges gyártás előtt érdemes a megfelelő színprofilt is ellenőrizni.

Figyelj a kontrasztra.

Egy jó szín is működhet rosszul rossz környezetben.

Használat

06

Mikor érdemes óvatosan használni?

A Artisan Blue használatánál érdemes kerülni a túl sok hasonló tónusú árnyalat egymás mellé helyezését, mert ettől a felület vizuális hierarchiája gyengülhet.

Interaktív előnézet

Így néz ki a Artisan Blue használat közben.

Nézd meg, hogyan változik ugyanaz a szín weboldalon, alkalmazásban, webshopban, közösségi média grafikán vagy egy teljes márkaarculat részeként.

Egyedi weboldal készítés Debrecenben

Élő színelőnézet

Studio.

Munkák

Szolgáltatások

Kapcsolat

Creative studio

Digitális élmények, amelyek működnek.

Modern weboldalak és digitális felületek erős vizuális hierarchiával.

Projekt indítása

Gyakori kérdések

Artisan Blue – kérdések és válaszok

Milyen szín a Artisan Blue?

A Artisan Blue (#AFBFC4) egy közepes világosságú, visszafogott és hideg tónusú cián szín. HSL értéke 194° árnyalat, 15% telítettség és 73% világosság.

Milyen színek illenek a Artisan Blue színhez?

A HSL színkör alapján a Artisan Blue komplementer árnyalata #C4B5B0, amelyhez a Grey Rose áll közel. Analóg kombinációhoz a #B0C4BF és #B0B5C4 árnyalat használható; ezekhez a Crystal Oasis és Brother Blue áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Artisan Blue webdesignban?

A számított design heurisztika szerint a Artisan Blue legerősebb szerepköre szegély- és elválasztószín (78/100), ezt követi a kártya- és felületszín (76/100). 73%-os világossága miatt világosabb felületeken, kártyákon és visszafogottabb vizuális elemként működhet jól.

Milyen szövegszín olvasható a Artisan Blue háttéren?

A Artisan Blue háttéren a fekete szöveg biztosítja a nagyobb kontrasztot 11.07:1 aránnyal. A fekete szöveg kontrasztaránya 11.07:1, a fehér szövegé 1.9:1. A kontraszt eléri a WCAG AAA szintet normál méretű szövegnél is.

Jó CTA- vagy gombszín a Artisan Blue?

A Artisan Blue számított CTA-alkalmassági pontszáma 35/100. Ez alapján nem tartozik a legerősebb CTA-színek közé; valószínűleg más vizuális szerepkörben működik jobban.

Milyen szövegszín ajánlott a Artisan Blue színű gombhoz?

Ha a gomb háttérszíne Artisan Blue (#AFBFC4), a fekete szöveg ajánlott, mert 11.07:1 kontrasztot ad. A kontraszt eléri a WCAG AAA szintet normál méretű szövegnél is.

Használható a Artisan Blue háttérszínként?

A Artisan Blue háttérszín-alkalmassági pontszáma a számított design heurisztika szerint 45/100. 73%-os világossága és 15%-os telítettsége miatt világosabb felületeken, kártyákon és visszafogottabb vizuális elemként működhet jól. Szöveg elhelyezésekor a fekete szín adja a jobb fekete-fehér kontrasztot.

Mi a Artisan Blue HEX, RGB és HSL kódja?

A Artisan Blue HEX kódja #AFBFC4. RGB értéke 175, 191, 196, HSL értéke pedig 194°, 15%, 73%.

Fedezz fel további színeket

A Artisan Blue színhez hasonló árnyalatok

Ocean Drive

#B0BEC5

Degas Blue

#B0C1C2

Arctic Feelings

#AFBEC1

Stormy

#B0BCC3

Dover Surf

#AEC3C4

Jolene

#B2C1C2

Soothing Breeze

#B3BEC4

Bright Chambray

#ADBFC8