bybence
Kapcsolat

Szín adatlap

Good Morning

A Good Morning egy világos, élénk és meleg tónusú sárga szín.

sárga
világos
élénk
meleg tónusú

HEX

#FCFCDA

RGB

rgb(252, 252, 218)

HSL

hsl(60, 85%, 92%)

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

Aktuális szín

#FCFCDA

Legközelebbi: Good Morning

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.

Gyors értékelés

Hol működik jól a Good Morning?

meleg tónusú és világos karakterű sárga árnyalat. A legjobb olvashatóságot fekete szöveggel adja, 20.08:1 kontrasztaránnyal.

A saját színcsaládjában szereplő 586 indexelhető árnyalat között a Good Morning 91%-nál világosabb és 59%-nál telítettebb.

Világosabb: Wedding Dress →Sötétebb: Lunar Luxury →Kevésbé telített: Lunar Luxury →

Brand / primary

53/100

Használható

Használható főszínként, de a teljes paletta és a környező semleges színek döntik el, mennyire lesz stabil a hierarchia.

CTA / gomb

67/100

Jó

Jól észrevehető, de CTA-ként a környező felülettel és a gombszöveggel külön is ellenőrizni kell a kontrasztot.

Háttér

100/100

Kiváló

Nagyon világos érték, ezért nagy felületen és sötét tipográfiával különösen jól használható.

Interaktív előnézet

Így néz ki a Good Morning 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

Technikai adatok

Good Morning színértékei

HEX

#FCFCDA

RGB

rgb(252, 252, 218)

HSL

hsl(60, 85%, 92%)

OKLCH

oklch(98.2% 0.0442 107.2)

Relatív luminancia

0.9538

Színcsalád

sárga

Világosság

világos

Telítettség

élénk

Hőmérséklet

meleg tónusú

Színelemzés

Mit érdemes tudni a Good Morning színről?

A Good Morning HSL világossága 92%, ezért nagyon világos árnyalatnak tekinthető. Telítettsége 85%, vagyis nagyon intenzíven telített. Színárnyalati értéke 60°.

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

Világosság

92%

nagyon világos

Telítettség

85%

nagyon intenzíven telített

Legjobb szerepkör

100/100

háttérszín

Legjobb kontraszt

20.08:1

Fekete szöveggel

WCAG / fekete szöveg

20.08:1

A fekete szöveg és a Good Morning háttér kontrasztaránya 20.08:1.

WCAG / fehér szöveg

1.05:1

A fehér szöveg és a Good Morning háttér kontrasztaránya 1.05:1.

Olvashatóság

Fekete szöveg ajánlott

A Good Morning háttéren a fekete szöveg biztosítja a nagyobb kontrasztot, 20.08: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 Good Morning komplementer árnyalata #D9D9FC, míg a két 30°-kal eltolt analóg árnyalat #FCEBD9 és #EBFCD9.

Komplementer

#D9D9FC

Legközelebbi név: Nostalgia Perfume

Analóg −30°

#FCEBD9

Legközelebbi név: Lilting Laughter

Analóg +30°

#EBFCD9

Legközelebbi név: Pastoral

Fejlesztőknek

Használd a Good Morning színt kódban

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

Megnyitás Color Pickerben →Színkód konverter →

#FCFCDA

--color-good-morning: #FCFCDA;

Árnyalatok

A Good Morning 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

→

#FFFFFB

Whitewash

100

→

#FEFEF6

Milk

200

→

#FEFEEE

Eburnean

300

→

#FDFDE7

Wedding Dress

400

→

#FCFCE0

Flayed One

500

→

#FCFCDA

Good Morning

600

→

#E3E3C4

Fountain Frolic

700

→

#BDBDA4

Restful

800

→

#979783

Elemental Green

900

→

#717162

Brandenburg Gate

Gyors értékelés

Mire jó a Good Morning?

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

Good Morning

#FCFCDA

Elsődleges márkaszín

Használható

53/100

Kiemelőszín

Jó

69/100

CTA / gomb

Jó

67/100

Háttérszín

Kiváló

100/100

Kártya / surface

Jó

73/100

Szövegszín

Óvatosan

2/100

Border / elválasztó

Használható

57/100

Színkombinációk

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

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

Összes színpaletta →

Naplemente Indigó Collection

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

→

#938A10

#1765A1

#451782

#F4F3E1

#37351B

Aranyló Bor No. 2

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

→

#CABE16

#1F87D6

#6120B6

#F4F3E1

#37351B

Őszi Lagúna Tone

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

→

#E9DD35

#4CA3E6

#7F38DC

#F4F3E1

#37351B

Homokos Erdő

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

→

#EFE66C

#82BFED

#A06CE5

#F4F3E1

#37351B

Fűszeres Égbolt Edition

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

→

#8A9310

#1753A1

#541782

#F3F4E1

#35371B

Napfényes Kert Edition

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

→

#BECA16

#1F6ED6

#7520B6

#F3F4E1

#35371B

Accessibility

Olvashatóság és kontraszt

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

Fehér szöveg

Aa

1.05:1

× WCAG AA
× WCAG AAA

Fekete szöveg

Aa

20.08:1

✓ WCAG AA
✓ WCAG AAA

Ajánlott szövegszín

Fekete

Legjobb kontraszt: 20.08:1

A színről

01

Milyen szín a Good Morning?

A Good Morning (#FCFCDA) egy világos, élénk é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 Good Morning 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. Magasabb telítettsége miatt könnyen magára vonja a figyelmet, ezért hangsúlyos felületeken és kiemeléseknél különösen hatásos lehet. Meleg tónusa közvetlenebb, aktívabb és emberközelibb vizuális hatást kelthet.

03

Mire használható a Good Morning?

A Good Morning 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 Good Morning?

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 Good Morning 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 élénk 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 Good Morning 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 Good Morning 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 Good Morning 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 Good Morning 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 Good Morning intenzívebb karaktere miatt nem érdemes túl sok, hasonlóan élénk színnel egyszerre versenyeztetni. Hosszú szövegek háttereként is könnyen fárasztóvá válhat, ha a kontraszt nincs megfelelően beállítva.

Értsd is a színt

A kód csak az első lépés.

Ezen az oldalon a Good Morning konkrét értékeit és vizuális tulajdonságait látod. Ha azt szeretnéd megérteni, mi a különbség a HEX, RGB és HSL között, hogyan helyezkedik el egy árnyalat a színkörön, vagy hogyan kell kontrasztot ellenőrizni, a Színelmélet Academyben ezeket interaktív példákon is végigpróbálhatod.

RGB, HEX és HSL magyarázata →Interaktív színkör →Kontraszt és WCAG →

Gyakori kérdések

Good Morning – kérdések és válaszok

Milyen szín a Good Morning?

A Good Morning (#FCFCDA) egy világos, élénk és meleg tónusú sárga szín. HSL értéke 60° árnyalat, 85% telítettség és 92% világosság.

Milyen színek illenek a Good Morning színhez?

A HSL színkör alapján a Good Morning komplementer árnyalata #D9D9FC, amelyhez a Nostalgia Perfume áll közel. Analóg kombinációhoz a #FCEBD9 és #EBFCD9 árnyalat használható; ezekhez a Lilting Laughter és Pastoral áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Good Morning webdesignban?

A számított design heurisztika szerint a Good Morning legerősebb szerepköre háttérszín (100/100), ezt követi a kártya- és felületszín (73/100). 92%-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 Good Morning háttéren?

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

Jó CTA- vagy gombszín a Good Morning?

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

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

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

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

A Good Morning HEX kódja #FCFCDA. RGB értéke 252, 252, 218, HSL értéke pedig 60°, 85%, 92%.

Fedezz fel további színeket

A Good Morning színhez hasonló árnyalatok

Cheesecake

#FFFCDA

→

Sun City

#FFFED9

→

Lit

#FFFED8

→

Sweet Butter

#FFFCD7

→