Реєстрація Реєстрація
COOLPIX

COOLPIX

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

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

COOLPIX

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

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

CSS-змінні

:root {
  --c-vibrant-1: #141720;
  --c-vibrant-2: #0A5AA1;
  --c-vibrant-3: #46E0E0;
  --c-vibrant-4: #FFF04F;
  --c-vibrant-5: #F14141;
}

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

Ця яскрава палітра з 5 кольорів охоплює діапазон від Yellow Cattleya (#FFF04F), найсвітлішого тону, до River Styx (#141720), найтемнішого. Вона об'єднує River Styx, Princess Blue, Neon Nazar, Yellow Cattleya та Glowing Brake Disc в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 10. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 4 з них, найконтрастніша — #141720 на #FFF04F (15,2:1).

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

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

River Styx #141720
RGB
rgb(20, 23, 32)
HSL
hsl(225, 23%, 10%)
Яскравість
0,009
Princess Blue #0A5AA1
RGB
rgb(10, 90, 161)
HSL
hsl(208, 88%, 34%)
Яскравість
0,100
Neon Nazar #46E0E0
RGB
rgb(70, 224, 224)
HSL
hsl(180, 71%, 58%)
Яскравість
0,600
Yellow Cattleya #FFF04F
RGB
rgb(255, 240, 79)
HSL
hsl(55, 100%, 65%)
Яскравість
0,841
Glowing Brake Disc #F14141
RGB
rgb(241, 65, 65)
HSL
hsl(0, 86%, 60%)
Яскравість
0,229

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

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

Aa #141720 на #FFF04F 15,20:1 AAA
Aa #141720 на #46E0E0 11,08:1 AAA
Aa #0A5AA1 на #FFF04F 5,96:1 AA
Aa #141720 на #F14141 4,75:1 AA
Aa #0A5AA1 на #46E0E0 4,35:1 AA, великий текст
Aa #FFF04F на #F14141 3,20:1 AA, великий текст
Aa #141720 на #0A5AA1 2,55:1 Не проходить
Aa #46E0E0 на #F14141 2,33:1 Не проходить
Aa #0A5AA1 на #F14141 1,86:1 Не проходить
Aa #46E0E0 на #FFF04F 1,37: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 кольори