Реєстрація Реєстрація
Stella Saturn

Stella Saturn

Палітра з 8 кольорів · Холодні · Змішані · Комплементарна гармонія

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

Stella Saturn

Палітра з 8 кольорів · Холодні кольори · Змішані тони · Комплементарна гармонія

Редагувати
Приглушені 8 кольорів Холодні Змішані Комплементарна contrast
Вподобання 38
Кольори 8

CSS-змінні

:root {
  --c-muted-1: #FFFFFF;
  --c-muted-2: #E7D6E9;
  --c-muted-3: #B2A3BD;
  --c-muted-4: #ECFF1A;
  --c-muted-5: #507474;
  --c-muted-6: #1D3131;
  --c-muted-7: #169EC5;
  --c-muted-8: #CC1900;
}

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

Ця приглушена палітра з 8 кольорів охоплює діапазон від White (#FFFFFF), найсвітлішого тону, до Dark Pine Green (#1D3131), найтемнішого. Вона об'єднує White, Pale Grey Magenta, Emanation, John Lemon, Rogue Waters, Dark Pine Green, Delos Blue та Vampire State Building в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 8 з них, найконтрастніша — #FFFFFF на #1D3131 (13,67:1).

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

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

White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Яскравість
1,000
Pale Grey Magenta #E7D6E9
RGB
rgb(231, 214, 233)
HSL
hsl(294, 30%, 88%)
Яскравість
0,710
Emanation #B2A3BD
RGB
rgb(178, 163, 189)
HSL
hsl(275, 16%, 69%)
Яскравість
0,393
John Lemon #ECFF1A
RGB
rgb(236, 255, 26)
HSL
hsl(65, 100%, 55%)
Яскравість
0,894
Rogue Waters #507474
RGB
rgb(80, 116, 116)
HSL
hsl(180, 18%, 38%)
Яскравість
0,155
Dark Pine Green #1D3131
RGB
rgb(29, 49, 49)
HSL
hsl(180, 26%, 15%)
Яскравість
0,027
Delos Blue #169EC5
RGB
rgb(22, 158, 197)
HSL
hsl(193, 80%, 43%)
Яскравість
0,287
Vampire State Building #CC1900
RGB
rgb(204, 25, 0)
HSL
hsl(7, 100%, 40%)
Яскравість
0,135

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

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

Aa #FFFFFF на #1D3131 13,67:1 AAA
Aa #ECFF1A на #1D3131 12,30:1 AAA
Aa #E7D6E9 на #1D3131 9,89:1 AAA
Aa #B2A3BD на #1D3131 5,77:1 AA
Aa #FFFFFF на #CC1900 5,67:1 AA
Aa #FFFFFF на #507474 5,13:1 AA
Aa #ECFF1A на #CC1900 5,10:1 AA
Aa #ECFF1A на #507474 4,62:1 AA
Aa #1D3131 на #169EC5 4,38:1 AA, великий текст
Aa #E7D6E9 на #CC1900 4,10:1 AA, великий текст
Aa #E7D6E9 на #507474 3,71:1 AA, великий текст
Aa #FFFFFF на #169EC5 3,12:1 AA, великий текст
Aa #ECFF1A на #169EC5 2,81:1 Не проходить
Aa #507474 на #1D3131 2,66:1 Не проходить
Aa #1D3131 на #CC1900 2,41:1 Не проходить
Aa #B2A3BD на #CC1900 2,39:1 Не проходить
Aa #FFFFFF на #B2A3BD 2,37:1 Не проходить
Aa #E7D6E9 на #169EC5 2,26:1 Не проходить
Aa #B2A3BD на #507474 2,17:1 Не проходить
Aa #B2A3BD на #ECFF1A 2,13:1 Не проходить
Aa #169EC5 на #CC1900 1,82:1 Не проходить
Aa #E7D6E9 на #B2A3BD 1,71:1 Не проходить
Aa #507474 на #169EC5 1,65:1 Не проходить
Aa #FFFFFF на #E7D6E9 1,38:1 Не проходить
Aa #B2A3BD на #169EC5 1,32:1 Не проходить
Aa #E7D6E9 на #ECFF1A 1,24:1 Не проходить
Aa #FFFFFF на #ECFF1A 1,11:1 Не проходить
Aa #507474 на #CC1900 1,10: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 кольори