bybenceKapcsolat

Kapcsolat

Szín adatlap

Simplicity

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

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

HEX

#CED0DB

RGB

rgb(206, 208, 219)

HSL

hsl(231, 15%, 83%)

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

Aktuális szín

#CED0DB

Legközelebbi: Simplicity

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

Simplicity színértékei

HEX

#CED0DB

RGB

rgb(206, 208, 219)

HSL

hsl(231, 15%, 83%)

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 Simplicity színről?

A Simplicity HSL világossága 83%, ezért világos árnyalatnak tekinthető. Telítettsége 15%, vagyis visszafogottan telített. Színárnyalati értéke 231°.

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

Világosság

83%

világos

Telítettség

15%

visszafogottan telített

Legjobb szerepkör

84/100

kártya- és surface szín

Legjobb kontraszt

13.67:1

Fekete szöveggel

WCAG / fekete szöveg

13.67:1

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

WCAG / fehér szöveg

1.54:1

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

Olvashatóság

Fekete szöveg ajánlott

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

Komplementer

#DAD8CD

Legközelebbi név: Celery White

Analóg −30°

#CDD6DA

Legközelebbi név: White Blue

Analóg +30°

#D2CDDA

Legközelebbi név: Kundalini Bliss

Fejlesztőknek

Használd a Simplicity színt kódban

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

#CED0DB

--color-simplicity: #CED0DB;

Árnyalatok

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

#FAFAFB

Dr. White

100

#F3F3F6

Chef’s Hat

200

#E9EAEF

Diamond Cut

300

#DFE0E8

Amourette Eternelle

400

#D5D7E0

Purple Veil

500

#CED0DB

Simplicity

600

#B9BBC5

Silverado Trail

700

#9B9CA4

Smokey Stone

800

#7C7D83

Cowboy Spur

900

#5D5E63

Castlerock

Gyors értékelés

Mire jó a Simplicity?

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

Simplicity

#CED0DB

Elsődleges márkaszín

Óvatosan

27/100

Kiemelőszín

Óvatosan

23/100

CTA / gomb

Óvatosan

26/100

Háttérszín

75/100

Kártya / surface

Kiváló

84/100

Szövegszín

Óvatosan

20/100

Border / elválasztó

Kiváló

84/100

Színkombinációk

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

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

Összes színpaletta →

Modern Kert No. 2

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

#353027

#6E5B35

#E6E6E6

#3E5074

#CDD0D6

Kiegyensúlyozott Mező No. 2

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

#353027

#B69C68

#E6E6E6

#778CB6

#CDD0D6

Kiegyensúlyozott Moha Collection

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

#353027

#CAB791

#E6E6E6

#9FAECB

#CDD0D6

Elegáns Indigó Edition

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

#352F27

#6E5435

#E6E6E6

#3E5774

#CDD1D6

Friss Agyag Tone

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

#352E27

#B69168

#E6E6E6

#7794B6

#CDD1D6

Modern Indigó Edition

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

#352E27

#CAAF91

#E6E6E6

#9FB4CB

#CDD1D6

Accessibility

Olvashatóság és kontraszt

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

Fehér szöveg

Aa

1.54:1

× WCAG AA
× WCAG AAA

Fekete szöveg

Aa

13.67:1

WCAG AA
WCAG AAA

Ajánlott szövegszín

Fekete

Legjobb kontraszt: 13.67:1

A színről

01

Milyen szín a Simplicity?

A Simplicity (#CED0DB) 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 Simplicity 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 Simplicity?

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

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

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

Milyen szín a Simplicity?

A Simplicity (#CED0DB) egy világos, visszafogott és hideg tónusú kék szín. HSL értéke 231° árnyalat, 15% telítettség és 83% világosság.

Milyen színek illenek a Simplicity színhez?

A HSL színkör alapján a Simplicity komplementer árnyalata #DAD8CD, amelyhez a Celery White áll közel. Analóg kombinációhoz a #CDD6DA és #D2CDDA árnyalat használható; ezekhez a White Blue és Kundalini Bliss áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Simplicity webdesignban?

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

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

Jó CTA- vagy gombszín a Simplicity?

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

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

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

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

A Simplicity HEX kódja #CED0DB. RGB értéke 206, 208, 219, HSL értéke pedig 231°, 15%, 83%.

Fedezz fel további színeket

A Simplicity színhez hasonló árnyalatok

Floral Note

#CDCFDB

Naturally Calm

#CED0D9

Steam Bath

#CCD0DA

Lavender Sparkle

#CFCEDC

Multnomah Falls

#CCD0DD

Light Slipper Satin

#CFD1D8

Debonaire

#CBD0DD

Gentle Blue

#CDD2DE