bybenceKapcsolat

Kapcsolat

Szín adatlap

Creed

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

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

HEX

#C1A44A

RGB

rgb(193, 164, 74)

HSL

hsl(45, 49%, 52%)

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

Aktuális szín

#C1A44A

Legközelebbi: Creed

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

Creed színértékei

HEX

#C1A44A

RGB

rgb(193, 164, 74)

HSL

hsl(45, 49%, 52%)

Színcsalád

sá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 Creed színről?

A Creed HSL világossága 52%, ezért közepes világosságú árnyalatnak tekinthető. Telítettsége 49%, vagyis közepesen telített. Színárnyalati értéke 45°.

A számított design heurisztika alapján legerősebb szerepe elsődleges márkaszín (80/100), ezt követi a CTA- és gombszín (78/100).

Világosság

52%

közepes világosságú

Telítettség

49%

közepesen telített

Legjobb szerepkör

80/100

elsődleges márkaszín

Legjobb kontraszt

8.68:1

Fekete szöveggel

WCAG / fekete szöveg

8.68:1

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

WCAG / fehér szöveg

2.42:1

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

Olvashatóság

Fekete szöveg ajánlott

A Creed háttéren a fekete szöveg biztosítja a nagyobb kontrasztot, 8.68: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 Creed komplementer árnyalata #4967C1, míg a két 30°-kal eltolt analóg árnyalat #C16749 és #A3C149.

Komplementer

#4967C1

Legközelebbi név: God of Rain

Analóg −30°

#C16749

Legközelebbi név: Adobe

Analóg +30°

#A3C149

Legközelebbi név: Aerobic Fix

Fejlesztőknek

Használd a Creed színt kódban

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

#C1A44A

--color-creed: #C1A44A;

Árnyalatok

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

#F9F6ED

Night Blooming Jasmine

100

#F0E8D2

Imperial Ivory

200

#E3D6AE

Champagne Cocktail

300

#D7C489

Wine Yellow

400

#CAB265

Canadian Maple

500

#C1A44A

Creed

600

#AE9443

Turmeric

700

#917B38

Cardueline Finch

800

#74622C

Himalaya

900

#574A21

Bronze Olive

Gyors értékelés

Mire jó a Creed?

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

Creed

#C1A44A

Elsődleges márkaszín

Kiváló

80/100

Kiemelőszín

70/100

CTA / gomb

78/100

Háttérszín

Óvatosan

20/100

Kártya / surface

Használható

52/100

Szövegszín

Használható

55/100

Border / elválasztó

Használható

52/100

Színkombinációk

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

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

Összes színpaletta →

Jeges Bor No. 3

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

#46BBD8

#D65C81

#CAA449

#E4EEF1

#212E31

Terrakotta Moha No. 2

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

#46D8A7

#AC5FD3

#C79C48

#ECF4F1

#1D2B26

Tengeri Bor Collection

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

#46D8BB

#BC5FD3

#C7AD48

#ECF4F2

#1D2B28

Réz Erdő

Erős kontrasztra és karakteres színkapcsolatokra épülő figyelemfelkeltő paletta.

#A85638

#2D90B4

#C8A941

#111111

#FFFFFF

Őszi Lagúna No. 2

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

#3C3220

#C7A257

#E9E7E2

#6787C5

#C6CDDD

Harmonikus Indigó No. 3

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

#C7A257

#6BB8C7

#6A5BB9

#EEECE8

#2B2927

Accessibility

Olvashatóság és kontraszt

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

Fehér szöveg

Aa

2.42:1

× WCAG AA
× WCAG AAA

Fekete szöveg

Aa

8.68:1

WCAG AA
WCAG AAA

Ajánlott szövegszín

Fekete

Legjobb kontraszt: 8.68:1

A színről

01

Milyen szín a Creed?

A Creed (#C1A44A) egy közepes világosságú, közepesen telített és meleg tónusú sárga szín. A sárga színcsaládra jellemzően világos, optimista és figyelemfelkeltő vizuális karaktert képvisel.

02

A Creed 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 Creed?

A Creed különösen jól használható kiemelésekhez, játékos felületekhez és energikus vizuális elemekhez. 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 Creed?

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 Creed 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 Creed optimista, könnyed és energikus benyomást közvetíthet. Jól illeszkedhet oktatás, gyerektermékek, kreatív iparágak és vendéglátás területén működő márkákhoz, különösen akkor, ha a cél egy világos, optimista és figyelemfelkeltő megjelenés kialakítása.

UI design

03

Felhasználói felületeken

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

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

Milyen szín a Creed?

A Creed (#C1A44A) egy közepes világosságú, közepesen telített és meleg tónusú sárga szín. HSL értéke 45° árnyalat, 49% telítettség és 52% világosság.

Milyen színek illenek a Creed színhez?

A HSL színkör alapján a Creed komplementer árnyalata #4967C1, amelyhez a God of Rain áll közel. Analóg kombinációhoz a #C16749 és #A3C149 árnyalat használható; ezekhez a Adobe és Aerobic Fix áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Creed webdesignban?

A számított design heurisztika szerint a Creed legerősebb szerepköre elsődleges márkaszín (80/100), ezt követi a CTA- és gombszín (78/100). 52%-os világossága miatt közepes világossága miatt főszínként és kiemelőszínként is rugalmasan használható.

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

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

Jó CTA- vagy gombszín a Creed?

A Creed számított CTA-alkalmassági pontszáma 78/100. Ez alapján erős jelölt lehet CTA-khoz és hangsúlyos gombokhoz, amennyiben a környező felület megfelelő kontrasztot biztosít.

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

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

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

A Creed háttérszín-alkalmassági pontszáma a számított design heurisztika szerint 20/100. 52%-os világossága és 49%-os telítettsége miatt közepes világossága miatt főszínként és kiemelőszínként is rugalmasan használható. Szöveg elhelyezésekor a fekete szín adja a jobb fekete-fehér kontrasztot.

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

A Creed HEX kódja #C1A44A. RGB értéke 193, 164, 74, HSL értéke pedig 45°, 49%, 52%.

Fedezz fel további színeket

A Creed színhez hasonló árnyalatok

Deadsy

#C2A84B

Spontaneous Sprig

#C2A048

Tupelo Honey

#C0A04D

Goldbricker

#C5A049

Rain Slicker

#BCA849

Star Fruit Yellow Green

#BEAA4A

Forest Tent

#BBA748

Underbrush

#BE9E48