Реєстрація Реєстрація
Sugary Stupor

Sugary Stupor

Палітра з 7 кольорів · Холодні · Змішані · Аналогова гармонія

До бібліотеки

Sugary Stupor

Палітра з 7 кольорів · Холодні кольори · Змішані тони · Аналогова гармонія

Редагувати
Яскраві 7 кольорів Холодні Змішані Аналогова
Вподобання 46
Кольори 7

CSS-змінні

:root {
  --c-vibrant-1: #BDC5EF;
  --c-vibrant-2: #9393EB;
  --c-vibrant-3: #8567E0;
  --c-vibrant-4: #7530CF;
  --c-vibrant-5: #5D2B97;
  --c-vibrant-6: #4B1F6B;
  --c-vibrant-7: #371646;
}

Про цю палітру

Ця яскрава палітра з 7 кольорів охоплює діапазон від Vodka (#BDC5EF), найсвітлішого тону, до Purple Door (#371646), найтемнішого. Вона об'єднує Vodka, Perrywinkle, Medium Slate Blue, Sagat Purple, Lucid Dreams, Fading Horizon та Purple Door в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 21. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 4 з них, найконтрастніша — #BDC5EF на #371646 (9,08:1).

Універсальна палітра для маркетингових сторінок, hero-блоків продукту, ілюстрацій і акцентних станів інтерфейсу.

Розбір кольорів

Vodka #BDC5EF
RGB
rgb(189, 197, 239)
HSL
hsl(230, 61%, 84%)
Яскравість
0,570
Perrywinkle #9393EB
RGB
rgb(147, 147, 235)
HSL
hsl(240, 69%, 75%)
Яскравість
0,331
Medium Slate Blue #8567E0
RGB
rgb(133, 103, 224)
HSL
hsl(255, 66%, 64%)
Яскравість
0,201
Sagat Purple #7530CF
RGB
rgb(117, 48, 207)
HSL
hsl(266, 62%, 50%)
Яскравість
0,104
Lucid Dreams #5D2B97
RGB
rgb(93, 43, 151)
HSL
hsl(268, 56%, 38%)
Яскравість
0,063
Fading Horizon #4B1F6B
RGB
rgb(75, 31, 107)
HSL
hsl(275, 55%, 27%)
Яскравість
0,035
Purple Door #371646
RGB
rgb(55, 22, 70)
HSL
hsl(281, 52%, 18%)
Яскравість
0,018

Контраст і доступність

Пар кольорів у палітрі: 21. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 4 з них.

Aa #BDC5EF на #371646 9,08:1 AAA
Aa #BDC5EF на #4B1F6B 7,26:1 AAA
Aa #9393EB на #371646 5,58:1 AA
Aa #BDC5EF на #5D2B97 5,49:1 AA
Aa #9393EB на #4B1F6B 4,46:1 AA, великий текст
Aa #BDC5EF на #7530CF 4,02:1 AA, великий текст
Aa #8567E0 на #371646 3,67:1 AA, великий текст
Aa #9393EB на #5D2B97 3,37:1 AA, великий текст
Aa #8567E0 на #4B1F6B 2,94:1 Не проходить
Aa #BDC5EF на #8567E0 2,47:1 Не проходить
Aa #9393EB на #7530CF 2,47:1 Не проходить
Aa #7530CF на #371646 2,26:1 Не проходить
Aa #8567E0 на #5D2B97 2,22:1 Не проходить
Aa #7530CF на #4B1F6B 1,80:1 Не проходить
Aa #5D2B97 на #371646 1,65:1 Не проходить
Aa #BDC5EF на #9393EB 1,63:1 Не проходить
Aa #8567E0 на #7530CF 1,63:1 Не проходить
Aa #9393EB на #8567E0 1,52:1 Не проходить
Aa #7530CF на #5D2B97 1,36:1 Не проходить
Aa #5D2B97 на #4B1F6B 1,32:1 Не проходить
Aa #4B1F6B на #371646 1,25:1 Не проходить

Схожі палітри

#222831 #393E46 #00ADB5 #EEEEEE
4 кольори
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 кольори
#1B262C #0F4C75 #3282B8 #BBE1FA
4 кольори
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 кольори
#27374D #526D82 #9DB2BF #DDE6ED
4 кольори
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 кольори
#E4F9F5 #30E3CA #11999E #40514E
4 кольори
#F0F5F9 #C9D6DF #52616B #1E2022
4 кольори