bybenceKapcsolat

Kapcsolat

Szín adatlap

Crepe

A Crepe egy közepes világosságú, közepesen telített és meleg tónusú narancssárga szín.

narancssárga
közepes világosságú
közepesen telített
meleg tónusú

HEX

#D4BC94

RGB

rgb(212, 188, 148)

HSL

hsl(38, 43%, 71%)

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

Aktuális szín

#D4BC94

Legközelebbi: Crepe

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

Crepe színértékei

HEX

#D4BC94

RGB

rgb(212, 188, 148)

HSL

hsl(38, 43%, 71%)

Színcsalád

narancssárga

Világosság

közepes világosságú

Telítettség

közepesen telített

Hőmérséklet

meleg tónusú

Színelemzés

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

A Crepe HSL világossága 71%, ezért közepesen világos árnyalatnak tekinthető. Telítettsége 43%, vagyis közepesen telített. Színárnyalati értéke 38°.

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

Világosság

71%

közepesen világos

Telítettség

43%

közepesen telített

Legjobb szerepkör

68/100

kártya- és surface szín

Legjobb kontraszt

11.42:1

Fekete szöveggel

WCAG / fekete szöveg

11.42:1

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

WCAG / fehér szöveg

1.84:1

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

Olvashatóság

Fekete szöveg ajánlott

A Crepe háttéren a fekete szöveg biztosítja a nagyobb kontrasztot, 11.42: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 Crepe komplementer árnyalata #95ADD5, míg a két 30°-kal eltolt analóg árnyalat #D59E95 és #CCD595.

Komplementer

#95ADD5

Legközelebbi név: Lazy Day

Analóg −30°

#D59E95

Legközelebbi név: Indian Mesa

Analóg +30°

#CCD595

Legközelebbi név: Guacamole Ambrosia

Fejlesztőknek

Használd a Crepe színt kódban

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

#D4BC94

--color-crepe: #D4BC94;

Árnyalatok

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

#FBF8F4

Unbleached

100

#F4EEE4

Stonewashed Pink

200

#ECE1CF

Bleach White

300

#E3D3B9

Celestial Moon

400

#DAC6A4

Toasted Pine Nut

500

#D4BC94

Crepe

600

#BFA985

Handwoven

700

#9F8D6F

Barro Verde

800

#7F7159

Butternut Wood

900

#5F5543

Sandalwood

Gyors értékelés

Mire jó a Crepe?

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

Crepe

#D4BC94

Elsődleges márkaszín

Használható

56/100

Kiemelőszín

Használható

53/100

CTA / gomb

Használható

56/100

Háttérszín

Használható

45/100

Kártya / surface

68/100

Szövegszín

Óvatosan

33/100

Border / elválasztó

65/100

Színkombinációk

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

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

Összes színpaletta →

Hajnali Korall No. 3

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

#202B3C

#85A5D6

#E2E5E9

#D6BC94

#DDD3C6

Kiegyensúlyozott Erdő Tone

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

#8F85D6

#D8BF97

#A0CB86

#E8E8EE

#27272B

Friss Moha

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

#8585D6

#D8B897

#A8CB86

#E8E8EE

#27272B

Modern Horizont No. 2

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

#B085D6

#D6BA9A

#84C8A8

#F0EEF1

#242225

Kortárs Égbolt Edition

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

#BB85D6

#D6C29A

#84C8B1

#F0EEF1

#242225

Hűvös Égbolt

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

#202F3C

#85B0D6

#E2E6E9

#D6B394

#DDD0C6

Accessibility

Olvashatóság és kontraszt

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

Fehér szöveg

Aa

1.84:1

× WCAG AA
× WCAG AAA

Fekete szöveg

Aa

11.42:1

WCAG AA
WCAG AAA

Ajánlott szövegszín

Fekete

Legjobb kontraszt: 11.42:1

A színről

01

Milyen szín a Crepe?

A Crepe (#D4BC94) egy közepes világosságú, közepesen telített és meleg tónusú narancssárga szín. A narancssárga színcsaládra jellemzően meleg, energikus és barátságos vizuális karaktert képvisel.

02

A Crepe 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. Meleg tónusa közvetlenebb, aktívabb és emberközelibb vizuális hatást kelthet.

03

Mire használható a Crepe?

A Crepe különösen jól használható kiemelésekhez, kreatív felületekhez és közvetlen hangulatú designokhoz. 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 Crepe?

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 Crepe 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 Crepe vidám, közvetlen és aktív benyomást közvetíthet. Jól illeszkedhet vendéglátás, startup, események és oktatás területén működő márkákhoz, különösen akkor, ha a cél egy meleg, energikus és barátságos megjelenés kialakítása.

UI design

03

Felhasználói felületeken

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

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

Milyen szín a Crepe?

A Crepe (#D4BC94) egy közepes világosságú, közepesen telített és meleg tónusú narancssárga szín. HSL értéke 38° árnyalat, 43% telítettség és 71% világosság.

Milyen színek illenek a Crepe színhez?

A HSL színkör alapján a Crepe komplementer árnyalata #95ADD5, amelyhez a Lazy Day áll közel. Analóg kombinációhoz a #D59E95 és #CCD595 árnyalat használható; ezekhez a Indian Mesa és Guacamole Ambrosia áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Crepe webdesignban?

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

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

Jó CTA- vagy gombszín a Crepe?

A Crepe számított CTA-alkalmassági pontszáma 56/100. Ez alapján bizonyos felületeken használható CTA-színként, de érdemes a teljes palettával és a környező kontraszttal együtt értékelni.

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

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

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

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

A Crepe HEX kódja #D4BC94. RGB értéke 212, 188, 148, HSL értéke pedig 38°, 43%, 71%.

Fedezz fel további színeket

A Crepe színhez hasonló árnyalatok

Pebble Path

#D5BC94

Smooth Beech

#D3BB96

Thermos

#D2BB95

Bowman Beige

#D7BD92

Savannah

#D1BD92

Beaten Track

#D1BE92

Subtle Suede

#D0BD94

Curious Collection

#D2BB98