bybenceKapcsolat

Kapcsolat

Szín adatlap

Clam

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

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

HEX

#DAD1C0

RGB

rgb(218, 209, 192)

HSL

hsl(39, 26%, 80%)

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

Aktuális szín

#DAD1C0

Legközelebbi: Clam

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

Clam színértékei

HEX

#DAD1C0

RGB

rgb(218, 209, 192)

HSL

hsl(39, 26%, 80%)

Színcsalád

narancssá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 Clam színről?

A Clam HSL világossága 80%, ezért világos árnyalatnak tekinthető. Telítettsége 26%, vagyis visszafogottan telített. Színárnyalati értéke 39°.

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

Világosság

80%

világos

Telítettség

26%

visszafogottan telített

Legjobb szerepkör

79/100

kártya- és surface szín

Legjobb kontraszt

13.86:1

Fekete szöveggel

WCAG / fekete szöveg

13.86:1

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

WCAG / fehér szöveg

1.51:1

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

Olvashatóság

Fekete szöveg ajánlott

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

Komplementer

#BFC8D9

Legközelebbi név: Dancing Mist

Analóg −30°

#D9C3BF

Legközelebbi név: Peony Blush

Analóg +30°

#D5D9BF

Legközelebbi név: Medlar

Fejlesztőknek

Használd a Clam színt kódban

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

#DAD1C0

--color-clam: #DAD1C0;

Árnyalatok

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

#FBFAF9

Dr. White

100

#F6F4EF

The Speed of Light

200

#EEEAE3

Broken White

300

#E7E1D6

August Moon

400

#E0D8C9

Stretched Canvas

500

#DAD1C0

Clam

600

#C4BCAD

Phelps Putty

700

#A49D90

Pewter Tankard

800

#837D73

Metal Fringe

900

#625E56

Deep Walnut

Gyors értékelés

Mire jó a Clam?

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

Clam

#DAD1C0

Elsődleges márkaszín

Óvatosan

36/100

Kiemelőszín

Óvatosan

34/100

CTA / gomb

Óvatosan

36/100

Háttérszín

75/100

Kártya / surface

79/100

Szövegszín

Óvatosan

23/100

Border / elválasztó

77/100

Színkombinációk

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

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

Összes színpaletta →

Hűvös Korall

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

#202F3C

#29547A

#E2E6E9

#815731

#DDD0C6

Sarki Horizont No. 3

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

#202F3C

#5793C7

#E2E6E9

#C59367

#DDD0C6

Hűvös Égbolt

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

#202F3C

#85B0D6

#E2E6E9

#D6B394

#DDD0C6

Holdfényes Bor

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

#202B3C

#29497A

#E2E5E9

#816131

#DDD3C6

Esős Indigó Tone

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

#202B3C

#3865A8

#E2E5E9

#AE8342

#DDD3C6

Acélos Erdő No. 2

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

#202B3C

#5784C7

#E2E5E9

#C5A067

#DDD3C6

Accessibility

Olvashatóság és kontraszt

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

Fehér szöveg

Aa

1.51:1

× WCAG AA
× WCAG AAA

Fekete szöveg

Aa

13.86:1

WCAG AA
WCAG AAA

Ajánlott szövegszín

Fekete

Legjobb kontraszt: 13.86:1

A színről

01

Milyen szín a Clam?

A Clam (#DAD1C0) egy világos, 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 Clam 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 Clam?

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

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

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

Milyen szín a Clam?

A Clam (#DAD1C0) egy világos, közepesen telített és meleg tónusú narancssárga szín. HSL értéke 39° árnyalat, 26% telítettség és 80% világosság.

Milyen színek illenek a Clam színhez?

A HSL színkör alapján a Clam komplementer árnyalata #BFC8D9, amelyhez a Dancing Mist áll közel. Analóg kombinációhoz a #D9C3BF és #D5D9BF árnyalat használható; ezekhez a Peony Blush és Medlar áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Clam webdesignban?

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

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

Jó CTA- vagy gombszín a Clam?

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

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

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

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

A Clam HEX kódja #DAD1C0. RGB értéke 218, 209, 192, HSL értéke pedig 39°, 26%, 80%.

Fedezz fel további színeket

A Clam színhez hasonló árnyalatok

Cool Concrete

#D9D0C1

Blanc

#D9D0C2

Buff It

#D9CFBE

Fine Grain

#D8CFC1

Bone Trace

#D7D0C0

Cotton Fibre

#DAD0BD

Erosion

#DDD1BF

Warm Oatmeal

#D9CEC0