Реєстрація Реєстрація
Bulls On Parade

Bulls On Parade

Палітра з 9 кольорів · Холодні · Світлі · Аналогова гармонія

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

Bulls On Parade

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

Редагувати
Яскраві 9 кольорів Холодні Світлі Аналогова pixelart blue purple neon
Вподобання 21
Кольори 9

CSS-змінні

:root {
  --c-vibrant-1: #132397;
  --c-vibrant-2: #1F36CB;
  --c-vibrant-3: #2B59FF;
  --c-vibrant-4: #407AFF;
  --c-vibrant-5: #77B2FF;
  --c-vibrant-6: #96D0FF;
  --c-vibrant-7: #C0EFFF;
  --c-vibrant-8: #FFFFFF;
  --c-vibrant-9: #B03ED2;
}

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

Ця яскрава палітра з 9 кольорів охоплює діапазон від White (#FFFFFF), найсвітлішого тону, до Deepsea Kraken (#132397), найтемнішого. Вона об'єднує Deepsea Kraken, Third Eye Chakra, YInMn Blue, Lightish Blue, French Sky Blue, Long Island Sound, Blue Java Banana, White та Purple Yam в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 9 з них, найконтрастніша — #132397 на #FFFFFF (12,25:1).

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

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

Deepsea Kraken #132397
RGB
rgb(19, 35, 151)
HSL
hsl(233, 78%, 33%)
Яскравість
0,036
Third Eye Chakra #1F36CB
RGB
rgb(31, 54, 203)
HSL
hsl(232, 74%, 46%)
Яскравість
0,072
YInMn Blue #2B59FF
RGB
rgb(43, 89, 255)
HSL
hsl(227, 100%, 58%)
Яскравість
0,149
Lightish Blue #407AFF
RGB
rgb(64, 122, 255)
HSL
hsl(222, 100%, 63%)
Яскравість
0,222
French Sky Blue #77B2FF
RGB
rgb(119, 178, 255)
HSL
hsl(214, 100%, 73%)
Яскравість
0,430
Long Island Sound #96D0FF
RGB
rgb(150, 208, 255)
HSL
hsl(207, 100%, 79%)
Яскравість
0,588
Blue Java Banana #C0EFFF
RGB
rgb(192, 239, 255)
HSL
hsl(195, 100%, 88%)
Яскравість
0,802
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Яскравість
1,000
Purple Yam #B03ED2
RGB
rgb(176, 62, 210)
HSL
hsl(286, 62%, 53%)
Яскравість
0,173

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

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

Aa #132397 на #FFFFFF 12,25:1 AAA
Aa #132397 на #C0EFFF 9,93:1 AAA
Aa #1F36CB на #FFFFFF 8,58:1 AAA
Aa #132397 на #96D0FF 7,44:1 AAA
Aa #1F36CB на #C0EFFF 6,96:1 AA
Aa #132397 на #77B2FF 5,60:1 AA
Aa #2B59FF на #FFFFFF 5,28:1 AA
Aa #1F36CB на #96D0FF 5,21:1 AA
Aa #FFFFFF на #B03ED2 4,70:1 AA
Aa #2B59FF на #C0EFFF 4,28:1 AA, великий текст
Aa #1F36CB на #77B2FF 3,92:1 AA, великий текст
Aa #407AFF на #FFFFFF 3,86:1 AA, великий текст
Aa #C0EFFF на #B03ED2 3,81:1 AA, великий текст
Aa #2B59FF на #96D0FF 3,21:1 AA, великий текст
Aa #132397 на #407AFF 3,18:1 AA, великий текст
Aa #407AFF на #C0EFFF 3,13:1 AA, великий текст
Aa #96D0FF на #B03ED2 2,86:1 Не проходить
Aa #132397 на #B03ED2 2,60:1 Не проходить
Aa #2B59FF на #77B2FF 2,41:1 Не проходить
Aa #407AFF на #96D0FF 2,34:1 Не проходить
Aa #132397 на #2B59FF 2,32:1 Не проходить
Aa #1F36CB на #407AFF 2,22:1 Не проходить
Aa #77B2FF на #FFFFFF 2,19:1 Не проходить
Aa #77B2FF на #B03ED2 2,15:1 Не проходить
Aa #1F36CB на #B03ED2 1,82:1 Не проходить
Aa #77B2FF на #C0EFFF 1,77:1 Не проходить
Aa #407AFF на #77B2FF 1,76:1 Не проходить
Aa #96D0FF на #FFFFFF 1,65:1 Не проходить
Aa #1F36CB на #2B59FF 1,62:1 Не проходить
Aa #132397 на #1F36CB 1,43:1 Не проходить
Aa #2B59FF на #407AFF 1,37:1 Не проходить
Aa #77B2FF на #96D0FF 1,33:1 Не проходить
Aa #96D0FF на #C0EFFF 1,33:1 Не проходить
Aa #C0EFFF на #FFFFFF 1,23:1 Не проходить
Aa #407AFF на #B03ED2 1,22:1 Не проходить
Aa #2B59FF на #B03ED2 1,12:1 Не проходить

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

#E3FDFD #CBF1F5 #A6E3E9 #71C9CE
4 кольори
#F4EEFF #DCD6F7 #A6B1E1 #424874
4 кольори
#B1B2FF #AAC4FF #D2DAFF #EEF1FF
4 кольори
#6096B4 #93BFCF #BDCDD6 #EEE9DA
4 кольори
#A8D8EA #AA96DA #FCBAD3 #FFFFD2
4 кольори
#DEFCF9 #CADEFC #C3BEF0 #CCA8E9
4 кольори
#F7FBFC #D6E6F2 #B9D7EA #769FCD
4 кольори
#C4DFDF #D2E9E9 #E3F4F4 #F8F6F4
4 кольори