bybenceKapcsolat

Kapcsolat

Szín adatlap

Drowsy Lavender

A Drowsy Lavender egy világos, visszafogott és hideg tónusú kék szín.

kék
világos
visszafogott
hideg tónusú

HEX

#D4DBE1

RGB

rgb(212, 219, 225)

HSL

hsl(208, 18%, 86%)

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

Aktuális szín

#D4DBE1

Legközelebbi: Drowsy Lavender

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

Drowsy Lavender színértékei

HEX

#D4DBE1

RGB

rgb(212, 219, 225)

HSL

hsl(208, 18%, 86%)

Színcsalád

kék

Világosság

világos

Telítettség

visszafogott

Hőmérséklet

hideg tónusú

Színelemzés

Mit érdemes tudni a Drowsy Lavender színről?

A Drowsy Lavender HSL világossága 86%, ezért világos árnyalatnak tekinthető. Telítettsége 18%, vagyis visszafogottan telített. Színárnyalati értéke 208°.

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

Világosság

86%

világos

Telítettség

18%

visszafogottan telített

Legjobb szerepkör

85/100

kártya- és surface szín

Legjobb kontraszt

15.02:1

Fekete szöveggel

WCAG / fekete szöveg

15.02:1

A fekete szöveg és a Drowsy Lavender háttér kontrasztaránya 15.02:1.

WCAG / fehér szöveg

1.4:1

A fehér szöveg és a Drowsy Lavender háttér kontrasztaránya 1.4:1.

Olvashatóság

Fekete szöveg ajánlott

A Drowsy Lavender háttéren a fekete szöveg biztosítja a nagyobb kontrasztot, 15.02: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 Drowsy Lavender komplementer árnyalata #E2DBD5, míg a két 30°-kal eltolt analóg árnyalat #D5E2E1 és #D5D5E2.

Komplementer

#E2DBD5

Legközelebbi név: Hint of Mauve

Analóg −30°

#D5E2E1

Legközelebbi név: Pristine Petal

Analóg +30°

#D5D5E2

Legközelebbi név: Light Pax

Fejlesztőknek

Használd a Drowsy Lavender színt kódban

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

#D4DBE1

--color-drowsy-lavender: #D4DBE1;

Árnyalatok

A Drowsy Lavender 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

#FBFBFC

Whiteout

100

#F4F6F8

Gram’s Hair

200

#ECEFF2

Springtime Rain

300

#E3E8EC

Genteel Lavender

400

#DAE0E6

Eastern Breeze

500

#D4DBE1

Drowsy Lavender

600

#BFC5CB

Bottlefly Wings

700

#9FA4A9

Chance of Rain

800

#7F8387

Great Coat Grey

900

#5F6365

Carriage Wheel

Gyors értékelés

Mire jó a Drowsy Lavender?

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

Drowsy Lavender

#D4DBE1

Elsődleges márkaszín

Óvatosan

25/100

Kiemelőszín

Óvatosan

23/100

CTA / gomb

Óvatosan

25/100

Háttérszín

75/100

Kártya / surface

Kiváló

85/100

Szövegszín

Óvatosan

16/100

Border / elválasztó

Kiváló

84/100

Színkombinációk

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

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

Összes színpaletta →

Jeges Hajnal Edition

Világosabb és nyugodtabb tónusokra épülő könnyed, nagyobb felületeken is jól használható paletta.

#29547A

#D3D9DE

#E9E9ED

#F4F5F6

#FFFFFF

Elegáns Erdő

Erős vizuális kontrasztot adó paletta a főszínnel szemben álló komplementer árnyalattal.

#352727

#6E3535

#E6E6E6

#3E7474

#CDD6D6

Elegáns Indigó

Erős vizuális kontrasztot adó paletta a főszínnel szemben álló komplementer árnyalattal.

#352727

#974949

#E6E6E6

#549C9C

#CDD6D6

Modern Korall Collection

Erős vizuális kontrasztot adó paletta a főszínnel szemben álló komplementer árnyalattal.

#352727

#B66868

#E6E6E6

#77B6B6

#CDD6D6

Kiegyensúlyozott Moha Collection

Erős vizuális kontrasztot adó paletta a főszínnel szemben álló komplementer árnyalattal.

#352727

#CA9191

#E6E6E6

#9FCBCB

#CDD6D6

Kiegyensúlyozott Moha No. 3

Erős vizuális kontrasztot adó paletta a főszínnel szemben álló komplementer árnyalattal.

#352927

#CA9891

#E6E6E6

#9FC6CB

#CDD5D6

Accessibility

Olvashatóság és kontraszt

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

Fehér szöveg

Aa

1.4:1

× WCAG AA
× WCAG AAA

Fekete szöveg

Aa

15.02:1

WCAG AA
WCAG AAA

Ajánlott szövegszín

Fekete

Legjobb kontraszt: 15.02:1

A színről

01

Milyen szín a Drowsy Lavender?

A Drowsy Lavender (#D4DBE1) egy világos, visszafogott é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 Drowsy Lavender megjelenése

Világos karaktere könnyedebb és szellősebb megjelenést eredményez, ezért nagyobb felületeken és háttérszínként is jól működhet. 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 Drowsy Lavender?

A Drowsy Lavender 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 Drowsy Lavender?

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 Drowsy Lavender különösen jól működhet háttérszínként, nagyobb felületeken, kártyákon, szekciók elválasztására vagy finom accent színként. 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 Drowsy Lavender 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 Drowsy Lavender 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 Drowsy Lavender 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 Drowsy Lavender 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?

Nagyon világos felületeken a Drowsy Lavender könnyen elveszítheti a vizuális súlyát, ezért fontos megfelelő kontrasztú tipográfiával és határozottabb kiegészítő színekkel párosítani.

Interaktív előnézet

Így néz ki a Drowsy Lavender 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

Drowsy Lavender – kérdések és válaszok

Milyen szín a Drowsy Lavender?

A Drowsy Lavender (#D4DBE1) egy világos, visszafogott és hideg tónusú kék szín. HSL értéke 208° árnyalat, 18% telítettség és 86% világosság.

Milyen színek illenek a Drowsy Lavender színhez?

A HSL színkör alapján a Drowsy Lavender komplementer árnyalata #E2DBD5, amelyhez a Hint of Mauve áll közel. Analóg kombinációhoz a #D5E2E1 és #D5D5E2 árnyalat használható; ezekhez a Pristine Petal és Light Pax áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Drowsy Lavender webdesignban?

A számított design heurisztika szerint a Drowsy Lavender legerősebb szerepköre kártya- és felületszín (85/100), ezt követi a szegély- és elválasztószín (84/100). 86%-os világossága miatt nagyon világos árnyalatként elsősorban háttérhez, felületekhez és finom elválasztásokhoz használható.

Milyen szövegszín olvasható a Drowsy Lavender háttéren?

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

Jó CTA- vagy gombszín a Drowsy Lavender?

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

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

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

A Drowsy Lavender háttérszín-alkalmassági pontszáma a számított design heurisztika szerint 75/100. 86%-os világossága és 18%-os telítettsége miatt nagyon világos árnyalatként elsősorban háttérhez, felületekhez és finom elválasztásokhoz használható. Szöveg elhelyezésekor a fekete szín adja a jobb fekete-fehér kontrasztot.

Mi a Drowsy Lavender HEX, RGB és HSL kódja?

A Drowsy Lavender HEX kódja #D4DBE1. RGB értéke 212, 219, 225, HSL értéke pedig 208°, 18%, 86%.

Fedezz fel további színeket

A Drowsy Lavender színhez hasonló árnyalatok

Aster Petal

#D4DAE2

Rivulet

#D5DAE1

Seven Days of Rain

#D3DAE1

Skyscraper

#D3DBE2

Hidden Creek

#D5DAE0

Ocean Dream

#D4DDE2

Highland Winds

#D3DAE3

Mystic Pool

#D5DDE2