Реєстрація Реєстрація
Wicked Skies

Wicked Skies

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

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

Wicked Skies

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

Редагувати
Яскраві 12 кольорів Холодні Темні Комплементарна sky sunset vivid radiant
Вподобання 22
Кольори 12

CSS-змінні

:root {
  --c-vibrant-1: #00000F;
  --c-vibrant-2: #000133;
  --c-vibrant-3: #000356;
  --c-vibrant-4: #0203E2;
  --c-vibrant-5: #00CDFE;
  --c-vibrant-6: #680880;
  --c-vibrant-7: #FE007D;
  --c-vibrant-8: #DE1738;
  --c-vibrant-9: #FD5E53;
  --c-vibrant-10: #FC9C54;
  --c-vibrant-11: #FFE373;
  --c-vibrant-12: #FAFBBD;
}

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

Ця яскрава палітра з 12 кольорів охоплює діапазон від Cashew Cheese (#FAFBBD), найсвітлішого тону, до Benthic Black (#00000F), найтемнішого. Вона об'єднує Benthic Black, Mighty Midnight, Alucard’s Night, Pure Blue, Vivid Sky Blue, Peaceful Purple, Pink Poison, Wild Rider Red, Sunset Orange, Cocktail Hour, Shandy та Cashew Cheese в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 27 з них, найконтрастніша — #00000F на #FAFBBD (19,46:1).

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

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

Benthic Black #00000F
RGB
rgb(0, 0, 15)
HSL
hsl(240, 100%, 3%)
Яскравість
0,000
Mighty Midnight #000133
RGB
rgb(0, 1, 51)
HSL
hsl(239, 100%, 10%)
Яскравість
0,003
Alucard’s Night #000356
RGB
rgb(0, 3, 86)
HSL
hsl(238, 100%, 17%)
Яскравість
0,007
Pure Blue #0203E2
RGB
rgb(2, 3, 226)
HSL
hsl(240, 98%, 45%)
Яскравість
0,056
Vivid Sky Blue #00CDFE
RGB
rgb(0, 205, 254)
HSL
hsl(192, 100%, 50%)
Яскравість
0,508
Peaceful Purple #680880
RGB
rgb(104, 8, 128)
HSL
hsl(288, 88%, 27%)
Яскравість
0,047
Pink Poison #FE007D
RGB
rgb(254, 0, 125)
HSL
hsl(330, 100%, 50%)
Яскравість
0,226
Wild Rider Red #DE1738
RGB
rgb(222, 23, 56)
HSL
hsl(350, 81%, 48%)
Яскравість
0,164
Sunset Orange #FD5E53
RGB
rgb(253, 94, 83)
HSL
hsl(4, 98%, 66%)
Яскравість
0,295
Cocktail Hour #FC9C54
RGB
rgb(252, 156, 84)
HSL
hsl(26, 97%, 66%)
Яскравість
0,451
Shandy #FFE373
RGB
rgb(255, 227, 115)
HSL
hsl(48, 100%, 73%)
Яскравість
0,774
Cashew Cheese #FAFBBD
RGB
rgb(250, 251, 189)
HSL
hsl(61, 89%, 86%)
Яскравість
0,930

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

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

Aa #00000F на #FAFBBD 19,46:1 AAA
Aa #000133 на #FAFBBD 18,63:1 AAA
Aa #000356 на #FAFBBD 17,08:1 AAA
Aa #00000F на #FFE373 16,37:1 AAA
Aa #000133 на #FFE373 15,67:1 AAA
Aa #000356 на #FFE373 14,37:1 AAA
Aa #00000F на #00CDFE 11,09:1 AAA
Aa #000133 на #00CDFE 10,61:1 AAA
Aa #680880 на #FAFBBD 10,13:1 AAA
Aa #00000F на #FC9C54 9,95:1 AAA
Aa #000356 на #00CDFE 9,73:1 AAA
Aa #000133 на #FC9C54 9,53:1 AAA
Aa #0203E2 на #FAFBBD 9,27:1 AAA
Aa #000356 на #FC9C54 8,73:1 AAA
Aa #680880 на #FFE373 8,52:1 AAA
Aa #0203E2 на #FFE373 7,80:1 AAA
Aa #00000F на #FD5E53 6,86:1 AA
Aa #000133 на #FD5E53 6,56:1 AA
Aa #000356 на #FD5E53 6,02:1 AA
Aa #00CDFE на #680880 5,77:1 AA
Aa #00000F на #FE007D 5,47:1 AA
Aa #0203E2 на #00CDFE 5,28:1 AA
Aa #000133 на #FE007D 5,24:1 AA
Aa #680880 на #FC9C54 5,18:1 AA
Aa #000356 на #FE007D 4,80:1 AA
Aa #0203E2 на #FC9C54 4,74:1 AA
Aa #DE1738 на #FAFBBD 4,57:1 AA
Aa #00000F на #DE1738 4,26:1 AA, великий текст
Aa #000133 на #DE1738 4,07:1 AA, великий текст
Aa #DE1738 на #FFE373 3,85:1 AA, великий текст
Aa #000356 на #DE1738 3,74:1 AA, великий текст
Aa #680880 на #FD5E53 3,57:1 AA, великий текст
Aa #FE007D на #FAFBBD 3,56:1 AA, великий текст
Aa #0203E2 на #FD5E53 3,27:1 AA, великий текст
Aa #FE007D на #FFE373 2,99:1 Не проходить
Aa #680880 на #FE007D 2,85:1 Не проходить
Aa #FD5E53 на #FAFBBD 2,84:1 Не проходить
Aa #0203E2 на #FE007D 2,61:1 Не проходить
Aa #00CDFE на #DE1738 2,60:1 Не проходить
Aa #FD5E53 на #FFE373 2,39:1 Не проходить
Aa #DE1738 на #FC9C54 2,34:1 Не проходить
Aa #680880 на #DE1738 2,21:1 Не проходить
Aa #00000F на #0203E2 2,10:1 Не проходить
Aa #0203E2 на #DE1738 2,03:1 Не проходить
Aa #00CDFE на #FE007D 2,03:1 Не проходить
Aa #000133 на #0203E2 2,01:1 Не проходить
Aa #FC9C54 на #FAFBBD 1,96:1 Не проходить
Aa #00000F на #680880 1,92:1 Не проходить
Aa #000133 на #680880 1,84:1 Не проходить
Aa #000356 на #0203E2 1,84:1 Не проходить
Aa #FE007D на #FC9C54 1,82:1 Не проходить
Aa #00CDFE на #FAFBBD 1,76:1 Не проходить
Aa #000356 на #680880 1,69:1 Не проходить
Aa #FC9C54 на #FFE373 1,65:1 Не проходить
Aa #00CDFE на #FD5E53 1,62:1 Не проходить
Aa #DE1738 на #FD5E53 1,61:1 Не проходить
Aa #00CDFE на #FFE373 1,48:1 Не проходить
Aa #FD5E53 на #FC9C54 1,45:1 Не проходить
Aa #FE007D на #DE1738 1,29:1 Не проходить
Aa #FE007D на #FD5E53 1,25:1 Не проходить
Aa #FFE373 на #FAFBBD 1,19:1 Не проходить
Aa #00000F на #000356 1,14:1 Не проходить
Aa #00CDFE на #FC9C54 1,11:1 Не проходить
Aa #000133 на #000356 1,09:1 Не проходить
Aa #0203E2 на #680880 1,09:1 Не проходить
Aa #00000F на #000133 1,04:1 Не проходить

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

#212121 #323232 #0D7377 #14FFEC
4 кольори
#0A2647 #144272 #205295 #2C74B3
4 кольори
#040D12 #183D3D #5C8374 #93B1A6
4 кольори
#142850 #27496D #0C7B93 #00A8CC
4 кольори
#635985 #443C68 #393053 #18122B
4 кольори
#000000 #150050 #3F0071 #610094
4 кольори
#151515 #301B3F #3C415C #B4A5A5
4 кольори
#041C32 #04293A #064663 #ECB365
4 кольори