bybenceKapcsolat

Kapcsolat

Szín adatlap

Pigment Indigo

A Pigment Indigo egy közepes világosságú, élénk és hideg tónusú lila szín.

lila
közepes világosságú
élénk
hideg tónusú

HEX

#4D0082

RGB

rgb(77, 0, 130)

HSL

hsl(276, 100%, 25%)

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

Aktuális szín

#4D0082

Legközelebbi: Pigment Indigo

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

Pigment Indigo színértékei

HEX

#4D0082

RGB

rgb(77, 0, 130)

HSL

hsl(276, 100%, 25%)

Színcsalád

lila

Világosság

közepes világosságú

Telítettség

élénk

Hőmérséklet

hideg tónusú

Színelemzés

Mit érdemes tudni a Pigment Indigo színről?

A Pigment Indigo HSL világossága 25%, ezért sötét árnyalatnak tekinthető. Telítettsége 100%, vagyis nagyon intenzíven telített. Színárnyalati értéke 276°.

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

Világosság

25%

sötét

Telítettség

100%

nagyon intenzíven telített

Legjobb szerepkör

93/100

kiemelőszín

Legjobb kontraszt

12.82:1

Fehér szöveggel

WCAG / fekete szöveg

1.64:1

A fekete szöveg és a Pigment Indigo háttér kontrasztaránya 1.64:1.

WCAG / fehér szöveg

12.82:1

A fehér szöveg és a Pigment Indigo háttér kontrasztaránya 12.82:1.

Olvashatóság

Fehér szöveg ajánlott

A Pigment Indigo háttéren a fehér szöveg biztosítja a nagyobb kontrasztot, 12.82: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 Pigment Indigo komplementer árnyalata #338000, míg a két 30°-kal eltolt analóg árnyalat #0D0080 és #800073.

Komplementer

#338000

Legközelebbi név: Green People

Analóg −30°

#0D0080

Legközelebbi név: Insomniac Blue

Analóg +30°

#800073

Legközelebbi név: Patriarch

Fejlesztőknek

Használd a Pigment Indigo színt kódban

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

#4D0082

--color-pigment-indigo: #4D0082;

Árnyalatok

A Pigment Indigo 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

#EDE6F3

Tranquil Eve

100

#D3BFE0

Purple Whisper

200

#AF8CC7

Fleur-De-Lis

300

#8B59AE

Lusty Lavender

400

#682695

Queens of the Dead

500

#4D0082

Pigment Indigo

600

#450075

Royal Purple

700

#3A0062

Deep Violet

800

#2E004E

Hollow Knight

900

#23003B

Midnight Purple

Gyors értékelés

Mire jó a Pigment Indigo?

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

Pigment Indigo

#4D0082

Elsődleges márkaszín

72/100

Kiemelőszín

Kiváló

93/100

CTA / gomb

Kiváló

93/100

Háttérszín

Kiváló

85/100

Kártya / surface

Óvatosan

19/100

Szövegszín

76/100

Border / elválasztó

Óvatosan

14/100

Színkombinációk

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

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

Összes színpaletta →

Fűszeres Égbolt Edition

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

#8A9310

#1753A1

#541782

#F3F4E1

#35371B

Naplemente Indigó Collection

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

#938A10

#1765A1

#451782

#F4F3E1

#37351B

Hűvös Erdő

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

#281249

#451093

#E3DAF1

#679C16

#D6EAB8

Ködös Bor

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

#451093

#A19317

#228217

#E9E1F4

#261B37

Esős Bor Tone

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

#451093

#9E4F1A

#187C40

#EEEAF6

#211730

Hűvös Agyag Studio

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

#EEE8F7

#C0A4EA

#451093

#4C0FA9

#230B46

Accessibility

Olvashatóság és kontraszt

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

Fehér szöveg

Aa

12.82:1

WCAG AA
WCAG AAA

Fekete szöveg

Aa

1.64:1

× WCAG AA
× WCAG AAA

Ajánlott szövegszín

Fehér

Legjobb kontraszt: 12.82:1

A színről

01

Milyen szín a Pigment Indigo?

A Pigment Indigo (#4D0082) egy közepes világosságú, élénk és hideg tónusú lila szín. A lila színcsaládra jellemzően kreatív, karakteres és kifinomult vizuális karaktert képvisel.

02

A Pigment Indigo 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. Hideg tónusa rendezettebb, nyugodtabb és modernebb vizuális hatást kelthet.

03

Mire használható a Pigment Indigo?

A Pigment Indigo különösen jól használható kreatív márkákhoz, prémium megjelenésekhez és egyedi vizuális identitá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 Pigment Indigo?

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 Pigment Indigo 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 Pigment Indigo kreatív, különleges és kifinomult benyomást közvetíthet. Jól illeszkedhet szépségipar, divat, kreatív szolgáltatások és wellness területén működő márkákhoz, különösen akkor, ha a cél egy kreatív, karakteres és kifinomult megjelenés kialakítása.

UI design

03

Felhasználói felületeken

Felhasználói felületeken a Pigment Indigo 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 Pigment Indigo 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 Pigment Indigo 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 Pigment Indigo 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 Pigment Indigo 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

Pigment Indigo – kérdések és válaszok

Milyen szín a Pigment Indigo?

A Pigment Indigo (#4D0082) egy közepes világosságú, élénk és hideg tónusú lila szín. HSL értéke 276° árnyalat, 100% telítettség és 25% világosság.

Milyen színek illenek a Pigment Indigo színhez?

A HSL színkör alapján a Pigment Indigo komplementer árnyalata #338000, amelyhez a Green People áll közel. Analóg kombinációhoz a #0D0080 és #800073 árnyalat használható; ezekhez a Insomniac Blue és Patriarch áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Pigment Indigo webdesignban?

A számított design heurisztika szerint a Pigment Indigo legerősebb szerepköre kiemelőszín (93/100), ezt követi a CTA- és gombszín (93/100). 25%-os világossága miatt sötétebb felületeken, hangsúlyos márkaelemként vagy kontrasztos szekciókban lehet hatásos.

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

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

Jó CTA- vagy gombszín a Pigment Indigo?

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

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

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

A Pigment Indigo háttérszín-alkalmassági pontszáma a számított design heurisztika szerint 85/100. 25%-os világossága és 100%-os telítettsége miatt sötétebb felületeken, hangsúlyos márkaelemként vagy kontrasztos szekciókban lehet hatásos. Szöveg elhelyezésekor a fehér szín adja a jobb fekete-fehér kontrasztot.

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

A Pigment Indigo HEX kódja #4D0082. RGB értéke 77, 0, 130, HSL értéke pedig 276°, 100%, 25%.

Fedezz fel további színeket

A Pigment Indigo színhez hasonló árnyalatok

Indigo

#4B0082

Indigo Static

#4B0183

Invasive Indigo

#49017E

Indigo Girls

#4D0E88

Royal Purple

#4B006E

Grim Purple

#441188

Marionberry

#380282

Pitch Violet

#4A148C