bybenceKapcsolat

Kapcsolat

Szín adatlap

Melrose

A Melrose egy világos, közepesen telített és hideg tónusú lila szín.

lila
világos
közepesen telített
hideg tónusú

HEX

#C3B9DD

RGB

rgb(195, 185, 221)

HSL

hsl(257, 35%, 80%)

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

Aktuális szín

#C3B9DD

Legközelebbi: Melrose

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

Melrose színértékei

HEX

#C3B9DD

RGB

rgb(195, 185, 221)

HSL

hsl(257, 35%, 80%)

Színcsalád

lila

Világosság

világos

Telítettség

közepesen telített

Hőmérséklet

hideg tónusú

Színelemzés

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

A Melrose HSL világossága 80%, ezért világos árnyalatnak tekinthető. Telítettsége 35%, vagyis közepesen telített. Színárnyalati értéke 257°.

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

Világosság

80%

világos

Telítettség

35%

közepesen telített

Legjobb szerepkör

76/100

kártya- és surface szín

Legjobb kontraszt

11.3:1

Fekete szöveggel

WCAG / fekete szöveg

11.3:1

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

WCAG / fehér szöveg

1.86:1

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

Olvashatóság

Fekete szöveg ajánlott

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

Komplementer

#D4DEBA

Legközelebbi név: Spring Glow

Analóg −30°

#BAC2DE

Legközelebbi név: Blue Hydrangea

Analóg +30°

#D6BADE

Legközelebbi név: Plum Point

Fejlesztőknek

Használd a Melrose színt kódban

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

#C3B9DD

--color-melrose: #C3B9DD;

Árnyalatok

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

#F9F8FC

Dr. White

100

#F0EEF7

Alpine Goat

200

#E4E0F0

Lingering Lilac

300

#D8D2E9

Air Castle

400

#CCC4E2

Party Hat

500

#C3B9DD

Melrose

600

#B0A7C7

Forever Lilac

700

#928BA6

Antique Viola

800

#756F85

Ritual

900

#585363

Freefall

Gyors értékelés

Mire jó a Melrose?

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

Melrose

#C3B9DD

Elsődleges márkaszín

Óvatosan

41/100

Kiemelőszín

Óvatosan

40/100

CTA / gomb

Óvatosan

43/100

Háttérszín

75/100

Kártya / surface

76/100

Szövegszín

Óvatosan

23/100

Border / elválasztó

73/100

Színkombinációk

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

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

Összes színpaletta →

Esős Kert

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

#EFEDF3

#C3B5D9

#49297A

#522A8D

#25183A

Hűvös Palakő Series

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

#EFEDF3

#C3B5D9

#6538A8

#522A8D

#25183A

Esős Korall

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

#EFEDF3

#C3B5D9

#8457C7

#522A8D

#25183A

Hűvös Horizont

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

#EFEDF3

#C3B5D9

#A585D6

#522A8D

#25183A

Hűvös Lagúna Studio

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

#EEEDF3

#BFB5D9

#3F297A

#452A8D

#21183A

Ködös Agyag No. 2

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

#EEEDF3

#BFB5D9

#5638A8

#452A8D

#21183A

Accessibility

Olvashatóság és kontraszt

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

Fehér szöveg

Aa

1.86:1

× WCAG AA
× WCAG AAA

Fekete szöveg

Aa

11.3:1

WCAG AA
WCAG AAA

Ajánlott szövegszín

Fekete

Legjobb kontraszt: 11.3:1

A színről

01

Milyen szín a Melrose?

A Melrose (#C3B9DD) egy világos, közepesen telített é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 Melrose 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. Közepes telítettsége jó egyensúlyt teremt a visszafogott és a hangsúlyos megjelenés között. Hideg tónusa rendezettebb, nyugodtabb és modernebb vizuális hatást kelthet.

03

Mire használható a Melrose?

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

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

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

Milyen szín a Melrose?

A Melrose (#C3B9DD) egy világos, közepesen telített és hideg tónusú lila szín. HSL értéke 257° árnyalat, 35% telítettség és 80% világosság.

Milyen színek illenek a Melrose színhez?

A HSL színkör alapján a Melrose komplementer árnyalata #D4DEBA, amelyhez a Spring Glow áll közel. Analóg kombinációhoz a #BAC2DE és #D6BADE árnyalat használható; ezekhez a Blue Hydrangea és Plum Point áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Melrose webdesignban?

A számított design heurisztika szerint a Melrose legerősebb szerepköre kártya- és felületszín (76/100), ezt követi a háttérszín (75/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 Melrose háttéren?

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

Jó CTA- vagy gombszín a Melrose?

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

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

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

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

A Melrose HEX kódja #C3B9DD. RGB értéke 195, 185, 221, HSL értéke pedig 257°, 35%, 80%.

Fedezz fel további színeket

A Melrose színhez hasonló árnyalatok

New Love

#C6BBDB

Lilac Lust

#C3B9D8

Tinted Iris

#C4B7D8

Purple Dragon

#C6BEDD

Pretty Purple

#C4BBD6

Viking Diva

#CABAE0

Wisteria Fragrance

#BBBCDE

Lavender Grey

#BDBBD7