bybenceKapcsolat

Kapcsolat

Szín adatlap

Bubblegum Crisis

A Bubblegum Crisis egy világos, közepesen telített és meleg tónusú rózsaszín szín.

rózsaszín
világos
közepesen telített
meleg tónusú

HEX

#EECCEE

RGB

rgb(238, 204, 238)

HSL

hsl(300, 50%, 87%)

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

Aktuális szín

#EECCEE

Legközelebbi: Bubblegum Crisis

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

Bubblegum Crisis színértékei

HEX

#EECCEE

RGB

rgb(238, 204, 238)

HSL

hsl(300, 50%, 87%)

Színcsalád

rózsaszín

Világosság

világos

Telítettség

közepesen telített

Hőmérséklet

meleg tónusú

Színelemzés

Mit érdemes tudni a Bubblegum Crisis színről?

A Bubblegum Crisis HSL világossága 87%, ezért világos árnyalatnak tekinthető. Telítettsége 50%, vagyis közepesen telített. Színárnyalati értéke 300°.

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

Világosság

87%

világos

Telítettség

50%

közepesen telített

Legjobb szerepkör

78/100

kártya- és surface szín

Legjobb kontraszt

14.51:1

Fekete szöveggel

WCAG / fekete szöveg

14.51:1

A fekete szöveg és a Bubblegum Crisis háttér kontrasztaránya 14.51:1.

WCAG / fehér szöveg

1.45:1

A fehér szöveg és a Bubblegum Crisis háttér kontrasztaránya 1.45:1.

Olvashatóság

Fekete szöveg ajánlott

A Bubblegum Crisis háttéren a fekete szöveg biztosítja a nagyobb kontrasztot, 14.51: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 Bubblegum Crisis komplementer árnyalata #CDEECD, míg a két 30°-kal eltolt analóg árnyalat #DECDEE és #EECDDE.

Komplementer

#CDEECD

Legközelebbi név: Spring Savour

Analóg −30°

#DECDEE

Legközelebbi név: Plum’s the Word

Analóg +30°

#EECDDE

Legközelebbi név: LA Vibes

Fejlesztőknek

Használd a Bubblegum Crisis színt kódban

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

#EECCEE

--color-bubblegum-crisis: #EECCEE;

Árnyalatok

A Bubblegum Crisis 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

#FDFAFD

Snowman

100

#FBF2FB

Walkie Chalkie

200

#F7E8F7

Soft Lavender

300

#F4DEF4

Grape Taffy

400

#F1D4F1

Scented Spring

500

#EECCEE

Bubblegum Crisis

600

#D6B8D6

Lilac Haze

700

#B399B3

Veiled Violet

800

#8F7A8F

Muted Berry

900

#6B5C6B

Fiji Coral

Gyors értékelés

Mire jó a Bubblegum Crisis?

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

Bubblegum Crisis

#EECCEE

Elsődleges márkaszín

Óvatosan

42/100

Kiemelőszín

Használható

47/100

CTA / gomb

Használható

47/100

Háttérszín

75/100

Kártya / surface

78/100

Szövegszín

Óvatosan

15/100

Border / elválasztó

70/100

Színkombinációk

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

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

Összes színpaletta →

Esős Bor Tone

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

#461249

#8A1093

#EFDAF1

#1F9C16

#BBEAB8

Hűvös Bor No. 3

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

#461249

#BE16CA

#EFDAF1

#2AD21E

#BBEAB8

Hűvös Lagúna No. 2

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

#461249

#DD35E9

#EFDAF1

#52E548

#BBEAB8

Fagyos Horizont Tone

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

#461249

#E66CEF

#EFDAF1

#85ED7E

#BBEAB8

Barackos Agyag

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

#491246

#93108A

#F1DAEF

#169C1F

#B8EABB

Meleg Mező

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

#491246

#CA16BE

#F1DAEF

#1ED22A

#B8EABB

Accessibility

Olvashatóság és kontraszt

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

Fehér szöveg

Aa

1.45:1

× WCAG AA
× WCAG AAA

Fekete szöveg

Aa

14.51:1

WCAG AA
WCAG AAA

Ajánlott szövegszín

Fekete

Legjobb kontraszt: 14.51:1

A színről

01

Milyen szín a Bubblegum Crisis?

A Bubblegum Crisis (#EECCEE) egy világos, közepesen telített és meleg tónusú rózsaszín szín. A rózsaszín színcsaládra jellemzően barátságos, kifejező és játékos vizuális karaktert képvisel.

02

A Bubblegum Crisis 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. Meleg tónusa közvetlenebb, aktívabb és emberközelibb vizuális hatást kelthet.

03

Mire használható a Bubblegum Crisis?

A Bubblegum Crisis különösen jól használható lifestyle, szépségipari és kreatív projektekhez. 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 Bubblegum Crisis?

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 Bubblegum Crisis 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 Bubblegum Crisis barátságos, könnyed és kifejező benyomást közvetíthet. Jól illeszkedhet szépségipar, divat, lifestyle és események területén működő márkákhoz, különösen akkor, ha a cél egy barátságos, kifejező és játékos megjelenés kialakítása.

UI design

03

Felhasználói felületeken

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

Bubblegum Crisis – kérdések és válaszok

Milyen szín a Bubblegum Crisis?

A Bubblegum Crisis (#EECCEE) egy világos, közepesen telített és meleg tónusú rózsaszín szín. HSL értéke 300° árnyalat, 50% telítettség és 87% világosság.

Milyen színek illenek a Bubblegum Crisis színhez?

A HSL színkör alapján a Bubblegum Crisis komplementer árnyalata #CDEECD, amelyhez a Spring Savour áll közel. Analóg kombinációhoz a #DECDEE és #EECDDE árnyalat használható; ezekhez a Plum’s the Word és LA Vibes áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Bubblegum Crisis webdesignban?

A számított design heurisztika szerint a Bubblegum Crisis legerősebb szerepköre kártya- és felületszín (78/100), ezt követi a háttérszín (75/100). 87%-os világossága miatt nagyon világos árnyalatként elsősorban háttérhez, felületekhez és finom elválasztásokhoz használható.

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

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

Jó CTA- vagy gombszín a Bubblegum Crisis?

A Bubblegum Crisis 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 Bubblegum Crisis színű gombhoz?

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

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

A Bubblegum Crisis háttérszín-alkalmassági pontszáma a számított design heurisztika szerint 75/100. 87%-os világossága és 50%-os telítettsége miatt nagyon világos árnyalatként elsősorban háttérhez, felületekhez és finom elválasztásokhoz használható. Szöveg elhelyezésekor a fekete szín adja a jobb fekete-fehér kontrasztot.

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

A Bubblegum Crisis HEX kódja #EECCEE. RGB értéke 238, 204, 238, HSL értéke pedig 300°, 50%, 87%.

Fedezz fel további színeket

A Bubblegum Crisis színhez hasonló árnyalatok

Sugar High

#EFC9EC

Lavender Princess

#E9D2EF

Poodle Pink

#EECEE6

Purple’s Baby Sister

#EEC3EE

Scented Spring

#EED5EE

Sweet Dreams

#ECCEE5

Little Touch

#E7CFE8

Infatuation

#F0D5EA