bybenceKapcsolat

Kapcsolat

Szín adatlap

Static

A Static egy világos, visszafogott és meleg tónusú sárga szín.

sárga
világos
visszafogott
meleg tónusú

HEX

#D5D3C3

RGB

rgb(213, 211, 195)

HSL

hsl(53, 18%, 80%)

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

Aktuális szín

#D5D3C3

Legközelebbi: Static

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

Static színértékei

HEX

#D5D3C3

RGB

rgb(213, 211, 195)

HSL

hsl(53, 18%, 80%)

Színcsalád

sárga

Világosság

világos

Telítettség

visszafogott

Hőmérséklet

meleg tónusú

Színelemzés

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

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

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

Világosság

80%

világos

Telítettség

18%

visszafogottan telített

Legjobb szerepkör

81/100

kártya- és surface szín

Legjobb kontraszt

13.93:1

Fekete szöveggel

WCAG / fekete szöveg

13.93:1

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

WCAG / fehér szöveg

1.51:1

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

Olvashatóság

Fekete szöveg ajánlott

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

Komplementer

#C3C5D5

Legközelebbi név: Tulip Soft Blue

Analóg −30°

#D5CAC3

Legközelebbi név: Dusky Morn

Analóg +30°

#CED5C3

Legközelebbi név: Ligado

Fejlesztőknek

Használd a Static színt kódban

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

#D5D3C3

--color-static: #D5D3C3;

Árnyalatok

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

#FBFBF9

Dr. White

100

#F5F4F0

Classic Chalk

200

#ECEBE4

Melting Icicles

300

#E4E2D8

Cotton White

400

#DBDACC

Light Pale Tendril

500

#D5D3C3

Static

600

#C0BEB0

Fiorito

700

#A09E92

Dawn

800

#807F75

Fieldstone

900

#605F58

Deep Walnut

Gyors értékelés

Mire jó a Static?

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

Static

#D5D3C3

Elsődleges márkaszín

Óvatosan

32/100

Kiemelőszín

Óvatosan

28/100

CTA / gomb

Óvatosan

31/100

Háttérszín

75/100

Kártya / surface

Kiváló

81/100

Szövegszín

Óvatosan

23/100

Border / elválasztó

Kiváló

81/100

Színkombinációk

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

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

Összes színpaletta →

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

Hajnali Korall No. 3

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

#202B3C

#85A5D6

#E2E5E9

#D6BC94

#DDD3C6

Homokos Lagúna No. 3

Egyetlen szín különböző világossági és telítettségi változataiból épülő egységes paletta.

#F0F0EF

#D0CFBD

#6E6A35

#807B38

#34321E

Barackos Horizont Studio

Egyetlen szín különböző világossági és telítettségi változataiból épülő egységes paletta.

#F0F0EF

#D0CFBD

#B6B168

#807B38

#34321E

Accessibility

Olvashatóság és kontraszt

Ellenőrizd, hogy fekete vagy fehér szöveg működik-e jobban a Static 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.93:1

WCAG AA
WCAG AAA

Ajánlott szövegszín

Fekete

Legjobb kontraszt: 13.93:1

A színről

01

Milyen szín a Static?

A Static (#D5D3C3) egy világos, visszafogott é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 Static 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ó. Meleg tónusa közvetlenebb, aktívabb és emberközelibb vizuális hatást kelthet.

03

Mire használható a Static?

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

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

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

Milyen szín a Static?

A Static (#D5D3C3) egy világos, visszafogott és meleg tónusú sárga szín. HSL értéke 53° árnyalat, 18% telítettség és 80% világosság.

Milyen színek illenek a Static színhez?

A HSL színkör alapján a Static komplementer árnyalata #C3C5D5, amelyhez a Tulip Soft Blue áll közel. Analóg kombinációhoz a #D5CAC3 és #CED5C3 árnyalat használható; ezekhez a Dusky Morn és Ligado áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Static webdesignban?

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

A Static háttéren a fekete szöveg biztosítja a nagyobb kontrasztot 13.93:1 aránnyal. A fekete szöveg kontrasztaránya 13.93: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 Static?

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

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

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

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

A Static HEX kódja #D5D3C3. RGB értéke 213, 211, 195, HSL értéke pedig 53°, 18%, 80%.

Fedezz fel további színeket

A Static színhez hasonló árnyalatok

Daikon White

#D4D4C4

Clay Beige

#D5D1C3

Barest Celadon

#D5D3C0

City Steam

#D8D3C3

Muslin

#D3D1C4

White Sage

#D2D4C3

Traditional Tan

#D6D2C0

Mineral

#D7D1C5