bybenceKapcsolat

Kapcsolat

Szín adatlap

Asphalt

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

narancssárga
sötét
közepesen telített
meleg tónusú

HEX

#130A06

RGB

rgb(19, 10, 6)

HSL

hsl(18, 52%, 5%)

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

Aktuális szín

#130A06

Legközelebbi: Asphalt

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

Asphalt színértékei

HEX

#130A06

RGB

rgb(19, 10, 6)

HSL

hsl(18, 52%, 5%)

Színcsalád

narancssárga

Világosság

sötét

Telítettség

közepesen telített

Hőmérséklet

meleg tónusú

Színelemzés

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

A Asphalt HSL világossága 5%, ezért nagyon sötét árnyalatnak tekinthető. Telítettsége 52%, vagyis közepesen telített. Színárnyalati értéke 18°.

A számított design heurisztika alapján legerősebb szerepe háttérszín (100/100), ezt követi a szövegszín (100/100).

Világosság

5%

nagyon sötét

Telítettség

52%

közepesen telített

Legjobb szerepkör

100/100

háttérszín

Legjobb kontraszt

19.56:1

Fehér szöveggel

WCAG / fekete szöveg

1.07:1

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

WCAG / fehér szöveg

19.56:1

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

Olvashatóság

Fehér szöveg ajánlott

A Asphalt háttéren a fehér szöveg biztosítja a nagyobb kontrasztot, 19.56: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 Asphalt komplementer árnyalata #060F13, míg a két 30°-kal eltolt analóg árnyalat #130609 és #131106.

Komplementer

#060F13

Legközelebbi név: Dark Rift

Analóg −30°

#130609

Legközelebbi név: Chyornyi Black

Analóg +30°

#131106

Legközelebbi név: Balsamico

Fejlesztőknek

Használd a Asphalt színt kódban

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

#130A06

--color-asphalt: #130A06;

Árnyalatok

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

#E7E7E6

Ambience White

100

#C4C2C1

Granitine

200

#95918F

Winter Park

300

#66605D

Gropius Grey

400

#362F2B

Acadia

500

#130A06

Asphalt

600

#110905

Asphalt

700

#0E0805

Knight Rider

800

#0B0604

Liquorice

900

#090503

Liquorice

Gyors értékelés

Mire jó a Asphalt?

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

Asphalt

#130A06

Elsődleges márkaszín

Óvatosan

34/100

Kiemelőszín

Óvatosan

43/100

CTA / gomb

Óvatosan

41/100

Háttérszín

Kiváló

100/100

Kártya / surface

Óvatosan

16/100

Szövegszín

Kiváló

100/100

Border / elválasztó

Óvatosan

24/100

Színkombinációk

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

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

Összes színpaletta →

Fűszeres Palakő Edition

Mély tónusokra, erős kontrasztra és elegáns semleges felületekre épülő paletta.

#6E3535

#2E1F1F

#111111

#F2EEE8

#FFFFFF

Homokos Palakő Studio

Erős kontrasztra és karakteres színkapcsolatokra épülő figyelemfelkeltő paletta.

#6E3535

#318181

#8F663D

#111111

#FFFFFF

Réz Moha Edition

Mély tónusokra, erős kontrasztra és elegáns semleges felületekre épülő paletta.

#974949

#2E1F1F

#111111

#F2EEE8

#FFFFFF

Réz Indigó No. 2

Erős kontrasztra és karakteres színkapcsolatokra épülő figyelemfelkeltő paletta.

#974949

#3EA3A3

#B68554

#111111

#FFFFFF

Terrakotta Kert

Mély tónusokra, erős kontrasztra és elegáns semleges felületekre épülő paletta.

#B66868

#2E1F1F

#111111

#F2EEE8

#FFFFFF

Őszi Égbolt No. 2

Erős kontrasztra és karakteres színkapcsolatokra épülő figyelemfelkeltő paletta.

#B66868

#5CC1C1

#C8A37E

#111111

#FFFFFF

Accessibility

Olvashatóság és kontraszt

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

Fehér szöveg

Aa

19.56:1

WCAG AA
WCAG AAA

Fekete szöveg

Aa

1.07:1

× WCAG AA
× WCAG AAA

Ajánlott szövegszín

Fehér

Legjobb kontraszt: 19.56:1

A színről

01

Milyen szín a Asphalt?

A Asphalt (#130A06) egy sötét, 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 Asphalt megjelenése

Sötétebb karaktere miatt erőteljesebb vizuális jelenlétet ad, és világos elemekkel markáns kontraszt alakítható ki. 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 Asphalt?

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

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 Asphalt különösen jól működhet fő háttérszínként, sötét szekciókban, erős tipográfiai kontraszt mellett vagy prémium kiemelő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 Asphalt 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 Asphalt 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 Asphalt 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 Asphalt 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 Asphalt 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 Asphalt 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

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

Milyen szín a Asphalt?

A Asphalt (#130A06) egy sötét, közepesen telített és meleg tónusú narancssárga szín. HSL értéke 18° árnyalat, 52% telítettség és 5% világosság.

Milyen színek illenek a Asphalt színhez?

A HSL színkör alapján a Asphalt komplementer árnyalata #060F13, amelyhez a Dark Rift áll közel. Analóg kombinációhoz a #130609 és #131106 árnyalat használható; ezekhez a Chyornyi Black és Balsamico áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Asphalt webdesignban?

A számított design heurisztika szerint a Asphalt legerősebb szerepköre háttérszín (100/100), ezt követi a szövegszín (100/100). 5%-os világossága miatt nagyon sötét felületeken és erős kontrasztú designban lehet különösen hasznos.

Milyen szövegszín olvasható a Asphalt háttéren?

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

Jó CTA- vagy gombszín a Asphalt?

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

Ha a gomb háttérszíne Asphalt (#130A06), a fehér szöveg ajánlott, mert 19.56:1 kontrasztot ad. A kontraszt eléri a WCAG AAA szintet normál méretű szövegnél is.

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

A Asphalt háttérszín-alkalmassági pontszáma a számított design heurisztika szerint 100/100. 5%-os világossága és 52%-os telítettsége miatt nagyon sötét felületeken és erős kontrasztú designban lehet különösen hasznos. Szöveg elhelyezésekor a fehér szín adja a jobb fekete-fehér kontrasztot.

Mi a Asphalt HEX, RGB és HSL kódja?

A Asphalt HEX kódja #130A06. RGB értéke 19, 10, 6, HSL értéke pedig 18°, 52%, 5%.

Fedezz fel további színeket

A Asphalt színhez hasonló árnyalatok

Balsamico

#130D07

Balsam of Peru

#120D07

Smoky Black

#100C08

Knight Rider

#0F0707

Chyornyi Black

#0F0809

Stout

#0F0B0A

Blackout

#0E0702

Optophobia

#130D0D