bybenceKapcsolat

Kapcsolat

Szín adatlap

Lint

A Lint egy közepes világosságú, visszafogott és meleg tónusú sárga szín.

sárga
közepes világosságú
visszafogott
meleg tónusú

HEX

#ADB28D

RGB

rgb(173, 178, 141)

HSL

hsl(68, 19%, 63%)

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

Aktuális szín

#ADB28D

Legközelebbi: Lint

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

Lint színértékei

HEX

#ADB28D

RGB

rgb(173, 178, 141)

HSL

hsl(68, 19%, 63%)

Színcsalád

sárga

Világosság

közepes világosságú

Telítettség

visszafogott

Hőmérséklet

meleg tónusú

Színelemzés

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

A Lint HSL világossága 63%, ezért közepesen világos árnyalatnak tekinthető. Telítettsége 19%, vagyis visszafogottan telített. Színárnyalati értéke 68°.

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

Világosság

63%

közepesen világos

Telítettség

19%

visszafogottan telített

Legjobb szerepkör

71/100

border- és elválasztószín

Legjobb kontraszt

9.53:1

Fekete szöveggel

WCAG / fekete szöveg

9.53:1

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

WCAG / fehér szöveg

2.2:1

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

Olvashatóság

Fekete szöveg ajánlott

A Lint háttéren a fekete szöveg biztosítja a nagyobb kontrasztot, 9.53: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 Lint komplementer árnyalata #948FB3, míg a két 30°-kal eltolt analóg árnyalat #B3A58F és #9CB38F.

Komplementer

#948FB3

Legközelebbi név: Extinct

Analóg −30°

#B3A58F

Legközelebbi név: Safari Vest

Analóg +30°

#9CB38F

Legközelebbi név: Basilisk

Fejlesztőknek

Használd a Lint színt kódban

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

#ADB28D

--color-lint: #ADB28D;

Árnyalatok

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

#F7F7F4

Ultra Pure White

100

#EBECE3

Gallery White

200

#DADCCC

Smell of Garlic

300

#CACDB5

Only Olive

400

#B9BE9E

Animal Kingdom

500

#ADB28D

Lint

600

#9CA07F

French Parsley

700

#82866A

Simpson Surprise

800

#686B55

Bijoux Green

900

#4E503F

Kelp

Gyors értékelés

Mire jó a Lint?

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

Lint

#ADB28D

Elsődleges márkaszín

Használható

51/100

Kiemelőszín

Óvatosan

40/100

CTA / gomb

Használható

47/100

Háttérszín

Használható

45/100

Kártya / surface

68/100

Szövegszín

Óvatosan

43/100

Border / elválasztó

71/100

Színkombinációk

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

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

Összes színpaletta →

Napfényes Palakő No. 2

Három, egymástól közel azonos szögtávolságra lévő színből épülő energikus paletta.

#91B7CA

#CBA4BE

#ADBA91

#F0F0F0

#242424

Aranyló Indigó Collection

Három, egymástól közel azonos szögtávolságra lévő színből épülő energikus paletta.

#91BFCA

#CBA4C3

#B2BA91

#F0F0F0

#242424

Mézes Erdő No. 2

Három, egymástól közel azonos szögtávolságra lévő színből épülő energikus paletta.

#91AFCA

#CBA4B9

#A7BA91

#F0F0F0

#242424

Napfényes Korall Studio

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

#9198CA

#CDB3A2

#ADBE93

#EBEBEB

#292929

Jeges Erdő Edition

Három, egymástól közel azonos szögtávolságra lévő színből épülő energikus paletta.

#91CABF

#C3A4CB

#BAB291

#F0F0F0

#242424

Őszi Lagúna

Három, egymástól közel azonos szögtávolságra lévő színből épülő energikus paletta.

#91C6CA

#CBA4C8

#B8BA91

#F0F0F0

#242424

Accessibility

Olvashatóság és kontraszt

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

Fehér szöveg

Aa

2.2:1

× WCAG AA
× WCAG AAA

Fekete szöveg

Aa

9.53:1

WCAG AA
WCAG AAA

Ajánlott szövegszín

Fekete

Legjobb kontraszt: 9.53:1

A színről

01

Milyen szín a Lint?

A Lint (#ADB28D) egy közepes világosságú, 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 Lint megjelenése

Közepes világossága miatt önálló főszínként és kiegészítő árnyalatként is rugalmasan használható. 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 Lint?

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

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 Lint különösen jól működhet fő márkaszínként, gomboknál, kártyákon, navigációs elemeknél és vizuális kiemeléseknél. 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 Lint 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 Lint 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 Lint 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 Lint 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 Lint használatánál érdemes kerülni a túl sok hasonló tónusú árnyalat egymás mellé helyezését, mert ettől a felület vizuális hierarchiája gyengülhet.

Interaktív előnézet

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

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

Milyen szín a Lint?

A Lint (#ADB28D) egy közepes világosságú, visszafogott és meleg tónusú sárga szín. HSL értéke 68° árnyalat, 19% telítettség és 63% világosság.

Milyen színek illenek a Lint színhez?

A HSL színkör alapján a Lint komplementer árnyalata #948FB3, amelyhez a Extinct áll közel. Analóg kombinációhoz a #B3A58F és #9CB38F árnyalat használható; ezekhez a Safari Vest és Basilisk áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Lint webdesignban?

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

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

Jó CTA- vagy gombszín a Lint?

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

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

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

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

A Lint HEX kódja #ADB28D. RGB értéke 173, 178, 141, HSL értéke pedig 68°, 19%, 63%.

Fedezz fel további színeket

A Lint színhez hasonló árnyalatok

Majolica Green

#AEB08F

That’s Atomic

#B0B08E

Sumptuous Sage

#B1B48C

Autumn Meadow

#ACB78E

Daddy-O

#B0AF8A

Casa Verde

#ABB790

Spring Walk

#ACB193

Winter Pear

#B0B487