bybenceKapcsolat

Kapcsolat

Szín adatlap

Sublime

A Sublime egy világos, közepesen telített és meleg tónusú sárga szín.

sárga
világos
közepesen telített
meleg tónusú

HEX

#ECEDE0

RGB

rgb(236, 237, 224)

HSL

hsl(65, 27%, 90%)

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

Aktuális szín

#ECEDE0

Legközelebbi: Sublime

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

Sublime színértékei

HEX

#ECEDE0

RGB

rgb(236, 237, 224)

HSL

hsl(65, 27%, 90%)

Színcsalád

sárga

Világosság

világos

Telítettség

közepesen telített

Hőmérséklet

meleg tónusú

Színelemzés

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

A Sublime HSL világossága 90%, ezért világos árnyalatnak tekinthető. Telítettsége 27%, vagyis visszafogottan telített. Színárnyalati értéke 65°.

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 (86/100).

Világosság

90%

világos

Telítettség

27%

visszafogottan telített

Legjobb szerepkör

100/100

háttérszín

Legjobb kontraszt

17.76:1

Fekete szöveggel

WCAG / fekete szöveg

17.76:1

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

WCAG / fehér szöveg

1.18:1

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

Olvashatóság

Fekete szöveg ajánlott

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

Komplementer

#E0DFEC

Legközelebbi név: Flor Lila

Analóg −30°

#ECE7DF

Legközelebbi név: Angora Goat

Analóg +30°

#E4ECDF

Legközelebbi név: Window Pane

Fejlesztőknek

Használd a Sublime színt kódban

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

#ECEDE0

--color-sublime: #ECEDE0;

Árnyalatok

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

#FDFDFC

Brilliance

100

#FAFBF7

Cloud Petal

200

#F6F7F1

Laundry White

300

#F3F3EB

Picket Fence

400

#EFF0E5

Oyster Island

500

#ECEDE0

Sublime

600

#D4D5CA

Eon

700

#B1B2A8

Rigani

800

#8E8E86

Parador Stone

900

#6A6B65

Armoury

Gyors értékelés

Mire jó a Sublime?

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

Sublime

#ECEDE0

Elsődleges márkaszín

Óvatosan

26/100

Kiemelőszín

Óvatosan

27/100

CTA / gomb

Óvatosan

28/100

Háttérszín

Kiváló

100/100

Kártya / surface

Kiváló

86/100

Szövegszín

Óvatosan

12/100

Border / elválasztó

Kiváló

82/100

Színkombinációk

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

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

Összes színpaletta →

Fűszeres Indigó No. 3

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

#404319

#80871D

#ECEDDE

#2B248F

#C1BFE3

Meleg Égbolt

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

#404319

#AFB927

#ECEDDE

#3A30C0

#C1BFE3

Borostyán Palakő

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

#404319

#CED846

#ECEDDE

#6058D5

#C1BFE3

Réz Mező Studio

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

#404319

#DBE278

#ECEDDE

#8F89E1

#C1BFE3

Őszi Erdő

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

#434019

#87801D

#EDECDE

#242B8F

#BFC1E3

Meleg Agyag Studio

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

#434019

#B9AF27

#EDECDE

#303AC0

#BFC1E3

Accessibility

Olvashatóság és kontraszt

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

Fehér szöveg

Aa

1.18:1

× WCAG AA
× WCAG AAA

Fekete szöveg

Aa

17.76:1

WCAG AA
WCAG AAA

Ajánlott szövegszín

Fekete

Legjobb kontraszt: 17.76:1

A színről

01

Milyen szín a Sublime?

A Sublime (#ECEDE0) egy világos, 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 Sublime 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. 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 Sublime?

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

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 Sublime 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 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 Sublime 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 Sublime 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 Sublime 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 Sublime 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 Sublime 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 Sublime 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

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

Milyen szín a Sublime?

A Sublime (#ECEDE0) egy világos, közepesen telített és meleg tónusú sárga szín. HSL értéke 65° árnyalat, 27% telítettség és 90% világosság.

Milyen színek illenek a Sublime színhez?

A HSL színkör alapján a Sublime komplementer árnyalata #E0DFEC, amelyhez a Flor Lila áll közel. Analóg kombinációhoz a #ECE7DF és #E4ECDF árnyalat használható; ezekhez a Angora Goat és Window Pane áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Sublime webdesignban?

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

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

Jó CTA- vagy gombszín a Sublime?

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

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

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

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

A Sublime HEX kódja #ECEDE0. RGB értéke 236, 237, 224, HSL értéke pedig 65°, 27%, 90%.

Fedezz fel további színeket

A Sublime színhez hasonló árnyalatok

Ageless

#ECECDF

Grand Heron

#ECECE1

Hemlock Bud

#ECEEDF

Snowfall White

#EEEDE0

Onion Skin

#EEEDDF

Sauna Steam

#EDEBE1

Winter Glaze

#EAEBE0

Arcade White

#EDEBE2