bybenceKapcsolat

Kapcsolat

Szín adatlap

Lox

A Lox egy közepes világosságú, élénk és meleg tónusú piros szín.

piros
közepes világosságú
élénk
meleg tónusú

HEX

#EC9079

RGB

rgb(236, 144, 121)

HSL

hsl(12, 75%, 70%)

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

Aktuális szín

#EC9079

Legközelebbi: Lox

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

Lox színértékei

HEX

#EC9079

RGB

rgb(236, 144, 121)

HSL

hsl(12, 75%, 70%)

Színcsalád

piros

Világosság

közepes világosságú

Telítettség

élénk

Hőmérséklet

meleg tónusú

Színelemzés

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

A Lox HSL világossága 70%, ezért közepesen világos árnyalatnak tekinthető. Telítettsége 75%, vagyis erősen telített. Színárnyalati értéke 12°.

A számított design heurisztika alapján legerősebb szerepe CTA- és gombszín (80/100), ezt követi a kiemelőszín (77/100).

Világosság

70%

közepesen világos

Telítettség

75%

erősen telített

Legjobb szerepkör

80/100

CTA- és gombszín

Legjobb kontraszt

8.83:1

Fekete szöveggel

WCAG / fekete szöveg

8.83:1

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

WCAG / fehér szöveg

2.38:1

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

Olvashatóság

Fekete szöveg ajánlott

A Lox háttéren a fekete szöveg biztosítja a nagyobb kontrasztot, 8.83: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 Lox komplementer árnyalata #79D5EC, míg a két 30°-kal eltolt analóg árnyalat #EC799C és #ECC979.

Komplementer

#79D5EC

Legközelebbi név: Middle Blue

Analóg −30°

#EC799C

Legközelebbi név: Pink Carnation

Analóg +30°

#ECC979

Legközelebbi név: Almond Cookie

Fejlesztőknek

Használd a Lox színt kódban

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

#EC9079

--color-lox: #EC9079;

Árnyalatok

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

#FDF4F2

Pink Diminishing

100

#FAE3DE

Berry Cheesecake

200

#F6CDC3

Sidewalk Chalk Pink

300

#F3B7A8

Pink Mimosa

400

#EFA18D

Stone Fruit

500

#EC9079

Lox

600

#D4826D

Fire Chalk

700

#B16C5B

Bantam Egg

800

#8E5649

Cogswell Cedar

900

#6A4136

Rugged Brown

Gyors értékelés

Mire jó a Lox?

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

Lox

#EC9079

Elsődleges márkaszín

74/100

Kiemelőszín

77/100

CTA / gomb

Kiváló

80/100

Háttérszín

Használható

45/100

Kártya / surface

Használható

59/100

Szövegszín

Óvatosan

30/100

Border / elválasztó

Használható

50/100

Színkombinációk

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

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

Összes színpaletta →

Hajnali Moha No. 2

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

#123E49

#6CD5EF

#DAECF1

#ED947E

#EAC2B8

Holdfényes Égbolt

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

#6CA0EF

#ED8D82

#D9E56C

#E1E9F4

#1B2637

Terrakotta Palakő No. 3

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

#432419

#E29578

#EDE2DE

#89CAE1

#BFDAE3

Homokos Égbolt

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

#E29578

#8DE2CE

#798FD8

#F1E8E4

#312521

Aranyló Horizont

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

#E29578

#8FE0A5

#9076D5

#F4EEEC

#2B201D

Barackos Palakő No. 2

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

#F5EDEA

#E1BBAD

#E29578

#9B3E1C

#401E12

Accessibility

Olvashatóság és kontraszt

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

Fehér szöveg

Aa

2.38:1

× WCAG AA
× WCAG AAA

Fekete szöveg

Aa

8.83:1

WCAG AA
WCAG AAA

Ajánlott szövegszín

Fekete

Legjobb kontraszt: 8.83:1

A színről

01

Milyen szín a Lox?

A Lox (#EC9079) egy közepes világosságú, élénk és meleg tónusú piros szín. A piros színcsaládra jellemzően erőteljes, figyelemfelkeltő és energikus vizuális karaktert képvisel.

02

A Lox megjelenése

Közepes világossága miatt önálló főszínként és kiegészítő árnyalatként is rugalmasan használható. Magasabb telítettsége miatt könnyen magára vonja a figyelmet, ezért hangsúlyos felületeken és kiemeléseknél különösen hatásos lehet. Meleg tónusa közvetlenebb, aktívabb és emberközelibb vizuális hatást kelthet.

03

Mire használható a Lox?

A Lox különösen jól használható kiemelésekhez, cselekvésre ösztönző elemekhez és karakteres vizuális megoldásokhoz. 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 Lox?

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 Lox 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 élénk 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 Lox dinamikus, intenzív és határozott benyomást közvetíthet. Jól illeszkedhet vendéglátás, sport, szórakoztatás és e-kereskedelem területén működő márkákhoz, különösen akkor, ha a cél egy erőteljes, figyelemfelkeltő és energikus megjelenés kialakítása.

UI design

03

Felhasználói felületeken

Felhasználói felületeken a Lox 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 Lox 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 Lox 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 Lox intenzívebb karaktere miatt nem érdemes túl sok, hasonlóan élénk színnel egyszerre versenyeztetni. Hosszú szövegek háttereként is könnyen fárasztóvá válhat, ha a kontraszt nincs megfelelően beállítva.

Interaktív előnézet

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

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

Milyen szín a Lox?

A Lox (#EC9079) egy közepes világosságú, élénk és meleg tónusú piros szín. HSL értéke 12° árnyalat, 75% telítettség és 70% világosság.

Milyen színek illenek a Lox színhez?

A HSL színkör alapján a Lox komplementer árnyalata #79D5EC, amelyhez a Middle Blue áll közel. Analóg kombinációhoz a #EC799C és #ECC979 árnyalat használható; ezekhez a Pink Carnation és Almond Cookie áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Lox webdesignban?

A számított design heurisztika szerint a Lox legerősebb szerepköre CTA- és gombszín (80/100), ezt követi a kiemelőszín (77/100). 70%-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 Lox háttéren?

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

Jó CTA- vagy gombszín a Lox?

A Lox számított CTA-alkalmassági pontszáma 80/100. Ez alapján erős jelölt lehet CTA-khoz és hangsúlyos gombokhoz, amennyiben a környező felület megfelelő kontrasztot biztosít.

Milyen szövegszín ajánlott a Lox színű gombhoz?

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

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

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

A Lox HEX kódja #EC9079. RGB értéke 236, 144, 121, HSL értéke pedig 12°, 75%, 70%.

Fedezz fel további színeket

A Lox színhez hasonló árnyalatok

Poodle Skirt Peach

#EA927A

Apricot Red

#E8917D

Warm Welcome

#EA9073

Redolenc

#EA8A7A

Dark Salmon Injustice

#E8957A

Kindleflame

#E9967A

Animated Coral

#ED9080

Nude Flamingo

#E58F7C