bybenceKapcsolat

Kapcsolat

Szín adatlap

Graceful

A Graceful egy közepes világosságú, közepesen telített és hideg tónusú kék szín.

kék
közepes világosságú
közepesen telített
hideg tónusú

HEX

#A8C0CE

RGB

rgb(168, 192, 206)

HSL

hsl(202, 28%, 73%)

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

Aktuális szín

#A8C0CE

Legközelebbi: Graceful

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

Graceful színértékei

HEX

#A8C0CE

RGB

rgb(168, 192, 206)

HSL

hsl(202, 28%, 73%)

Színcsalád

kék

Világosság

közepes világosságú

Telítettség

közepesen telített

Hőmérséklet

hideg tónusú

Színelemzés

Mit érdemes tudni a Graceful színről?

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

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

Világosság

73%

közepesen világos

Telítettség

28%

visszafogottan telített

Legjobb szerepkör

73/100

kártya- és surface szín

Legjobb kontraszt

11.1:1

Fekete szöveggel

WCAG / fekete szöveg

11.1:1

A fekete szöveg és a Graceful háttér kontrasztaránya 11.1:1.

WCAG / fehér szöveg

1.89:1

A fehér szöveg és a Graceful háttér kontrasztaránya 1.89:1.

Olvashatóság

Fekete szöveg ajánlott

A Graceful háttéren a fekete szöveg biztosítja a nagyobb kontrasztot, 11.1: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 Graceful komplementer árnyalata #CDB5A7, míg a két 30°-kal eltolt analóg árnyalat #A7CDC8 és #A7ACCD.

Komplementer

#CDB5A7

Legközelebbi név: Sashay Sand

Analóg −30°

#A7CDC8

Legközelebbi név: Impressionist Blue

Analóg +30°

#A7ACCD

Legközelebbi név: Melody Purple

Fejlesztőknek

Használd a Graceful színt kódban

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

#A8C0CE

--color-graceful: #A8C0CE;

Árnyalatok

A Graceful 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

#F6F9FA

Zhēn Zhū Bái Pearl

100

#E9EFF3

Distant Wind Chime

200

#D8E3E9

Baby’s Breath

300

#C6D6DF

Prairie Sky

400

#B5C9D5

Rich Porcelain Blue

500

#A8C0CE

Graceful

600

#97ADB9

Chicago Skyline

700

#7E909B

London Square

800

#65737C

Wharf View

900

#4C565D

Submarine Grey

Gyors értékelés

Mire jó a Graceful?

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

Graceful

#A8C0CE

Elsődleges márkaszín

Használható

45/100

Kiemelőszín

Óvatosan

40/100

CTA / gomb

Óvatosan

44/100

Háttérszín

Használható

45/100

Kártya / surface

73/100

Szövegszín

Óvatosan

31/100

Border / elválasztó

73/100

Színkombinációk

Milyen színekkel párosítsd a Graceful 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 Graceful színhez

Fedezz fel olyan összeállításokat, amelyekben a Graceful 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

Holdfényes Lagúna No. 2

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

#CABF91

#A2C0CD

#A093BE

#EBEBEB

#292929

Tengeri Kert Edition

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

#CAB791

#A2C6CD

#9A93BE

#EBEBEB

#292929

Holdfényes Indigó Edition

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

#CAC691

#A2BACD

#A593BE

#EBEBEB

#292929

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

Accessibility

Olvashatóság és kontraszt

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

Fehér szöveg

Aa

1.89:1

× WCAG AA
× WCAG AAA

Fekete szöveg

Aa

11.1:1

WCAG AA
WCAG AAA

Ajánlott szövegszín

Fekete

Legjobb kontraszt: 11.1:1

A színről

01

Milyen szín a Graceful?

A Graceful (#A8C0CE) egy közepes világosságú, közepesen telített és hideg tónusú kék szín. A kék színcsaládra jellemzően megbízható, nyugodt és professzionális vizuális karaktert képvisel.

02

A Graceful megjelenése

Közepes világossága miatt önálló főszínként és kiegészítő árnyalatként is rugalmasan használható. Közepes telítettsége jó egyensúlyt teremt a visszafogott és a hangsúlyos megjelenés között. Hideg tónusa rendezettebb, nyugodtabb és modernebb vizuális hatást kelthet.

03

Mire használható a Graceful?

A Graceful különösen jól használható üzleti weboldalakhoz, technológiai projektekhez és professzionális digitális felületekhez. 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 Graceful?

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 Graceful 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 közepesen telített 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 Graceful stabil, professzionális és bizalomkeltő benyomást közvetíthet. Jól illeszkedhet technológia, pénzügy, SaaS és üzleti szolgáltatások területén működő márkákhoz, különösen akkor, ha a cél egy megbízható, nyugodt és professzionális megjelenés kialakítása.

UI design

03

Felhasználói felületeken

Felhasználói felületeken a Graceful 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 Graceful 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 Graceful 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 Graceful 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 Graceful 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

Graceful – kérdések és válaszok

Milyen szín a Graceful?

A Graceful (#A8C0CE) egy közepes világosságú, közepesen telített és hideg tónusú kék szín. HSL értéke 202° árnyalat, 28% telítettség és 73% világosság.

Milyen színek illenek a Graceful színhez?

A HSL színkör alapján a Graceful komplementer árnyalata #CDB5A7, amelyhez a Sashay Sand áll közel. Analóg kombinációhoz a #A7CDC8 és #A7ACCD árnyalat használható; ezekhez a Impressionist Blue és Melody Purple áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Graceful webdesignban?

A számított design heurisztika szerint a Graceful legerősebb szerepköre kártya- és felületszín (73/100), ezt követi a szegély- és elválasztószín (73/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 Graceful háttéren?

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

Jó CTA- vagy gombszín a Graceful?

A Graceful számított CTA-alkalmassági pontszáma 44/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 Graceful színű gombhoz?

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

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

A Graceful háttérszín-alkalmassági pontszáma a számított design heurisztika szerint 45/100. 73%-os világossága és 28%-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 Graceful HEX, RGB és HSL kódja?

A Graceful HEX kódja #A8C0CE. RGB értéke 168, 192, 206, HSL értéke pedig 202°, 28%, 73%.

Fedezz fel további színeket

A Graceful színhez hasonló árnyalatok

Peace River

#A8BFCC

Memorybook Blue

#A7C3CE

Winter Sky

#A9C0CB

Drenched

#A6C2D0

Rendez-Blue

#ABBED0

Sea Breeze

#A4BFCE

Cerulean Tint

#ACBFCD

Salt Spray

#A7C5CE