Реєстрація Реєстрація
Nebulosa !

Nebulosa !

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

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

Nebulosa !

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

Редагувати
Яскраві 12 кольорів Холодні Змішані Тріадна pixelart nebula space
Вподобання 100
Кольори 12

CSS-змінні

:root {
  --c-vibrant-1: #221569;
  --c-vibrant-2: #3B2799;
  --c-vibrant-3: #4A2ECA;
  --c-vibrant-4: #A83CF0;
  --c-vibrant-5: #DB3CF0;
  --c-vibrant-6: #F465EE;
  --c-vibrant-7: #B5E6FF;
  --c-vibrant-8: #84D5FE;
  --c-vibrant-9: #4EC0E8;
  --c-vibrant-10: #4EA3DC;
  --c-vibrant-11: #3187D4;
  --c-vibrant-12: #314AD4;
}

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

Ця яскрава палітра з 12 кольорів охоплює діапазон від Frozen Landscape (#B5E6FF), найсвітлішого тону, до Ocean Abyss (#221569), найтемнішого. Вона об'єднує Ocean Abyss, Gentian Blue, Grape Hyacinth, Sweet Desire, Apple II Magenta, Pink Ping, Frozen Landscape, Kul Sharif Blue, Clean Pool, Waimea Blue, Soothing Sapphire та New Car в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 11 з них, найконтрастніша — #221569 на #B5E6FF (11,4:1).

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

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

Ocean Abyss #221569
RGB
rgb(34, 21, 105)
HSL
hsl(249, 67%, 25%)
Яскравість
0,019
Gentian Blue #3B2799
RGB
rgb(59, 39, 153)
HSL
hsl(251, 59%, 38%)
Яскравість
0,047
Grape Hyacinth #4A2ECA
RGB
rgb(74, 46, 202)
HSL
hsl(251, 63%, 49%)
Яскравість
0,077
Sweet Desire #A83CF0
RGB
rgb(168, 60, 240)
HSL
hsl(276, 86%, 59%)
Яскравість
0,179
Apple II Magenta #DB3CF0
RGB
rgb(219, 60, 240)
HSL
hsl(293, 86%, 59%)
Яскравість
0,246
Pink Ping #F465EE
RGB
rgb(244, 101, 238)
HSL
hsl(303, 87%, 68%)
Яскравість
0,347
Frozen Landscape #B5E6FF
RGB
rgb(181, 230, 255)
HSL
hsl(200, 100%, 85%)
Яскравість
0,736
Kul Sharif Blue #84D5FE
RGB
rgb(132, 213, 254)
HSL
hsl(200, 98%, 76%)
Яскравість
0,597
Clean Pool #4EC0E8
RGB
rgb(78, 192, 232)
HSL
hsl(196, 77%, 61%)
Яскравість
0,452
Waimea Blue #4EA3DC
RGB
rgb(78, 163, 220)
HSL
hsl(204, 67%, 58%)
Яскравість
0,330
Soothing Sapphire #3187D4
RGB
rgb(49, 135, 212)
HSL
hsl(208, 65%, 51%)
Яскравість
0,227
New Car #314AD4
RGB
rgb(49, 74, 212)
HSL
hsl(231, 65%, 51%)
Яскравість
0,103

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

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

Aa #221569 на #B5E6FF 11,40:1 AAA
Aa #221569 на #84D5FE 9,37:1 AAA
Aa #3B2799 на #B5E6FF 8,12:1 AAA
Aa #221569 на #4EC0E8 7,27:1 AAA
Aa #3B2799 на #84D5FE 6,68:1 AA
Aa #4A2ECA на #B5E6FF 6,20:1 AA
Aa #221569 на #F465EE 5,76:1 AA
Aa #221569 на #4EA3DC 5,51:1 AA
Aa #3B2799 на #4EC0E8 5,18:1 AA
Aa #B5E6FF на #314AD4 5,14:1 AA
Aa #4A2ECA на #84D5FE 5,10:1 AA
Aa #221569 на #DB3CF0 4,29:1 AA, великий текст
Aa #84D5FE на #314AD4 4,22:1 AA, великий текст
Aa #3B2799 на #F465EE 4,10:1 AA, великий текст
Aa #221569 на #3187D4 4,02:1 AA, великий текст
Aa #4A2ECA на #4EC0E8 3,96:1 AA, великий текст
Aa #3B2799 на #4EA3DC 3,92:1 AA, великий текст
Aa #A83CF0 на #B5E6FF 3,44:1 AA, великий текст
Aa #221569 на #A83CF0 3,31:1 AA, великий текст
Aa #4EC0E8 на #314AD4 3,28:1 AA, великий текст
Aa #4A2ECA на #F465EE 3,13:1 AA, великий текст
Aa #3B2799 на #DB3CF0 3,06:1 AA, великий текст
Aa #4A2ECA на #4EA3DC 3,00:1 AA, великий текст
Aa #3B2799 на #3187D4 2,86:1 Не проходить
Aa #B5E6FF на #3187D4 2,84:1 Не проходить
Aa #A83CF0 на #84D5FE 2,83:1 Не проходить
Aa #DB3CF0 на #B5E6FF 2,66:1 Не проходить
Aa #F465EE на #314AD4 2,59:1 Не проходить
Aa #4EA3DC на #314AD4 2,48:1 Не проходить
Aa #3B2799 на #A83CF0 2,36:1 Не проходить
Aa #4A2ECA на #DB3CF0 2,33:1 Не проходить
Aa #84D5FE на #3187D4 2,33:1 Не проходить
Aa #221569 на #314AD4 2,22:1 Не проходить
Aa #4A2ECA на #3187D4 2,19:1 Не проходить
Aa #A83CF0 на #4EC0E8 2,19:1 Не проходить
Aa #DB3CF0 на #84D5FE 2,19:1 Не проходить
Aa #B5E6FF на #4EA3DC 2,07:1 Не проходить
Aa #F465EE на #B5E6FF 1,98:1 Не проходить
Aa #DB3CF0 на #314AD4 1,93:1 Не проходить
Aa #221569 на #4A2ECA 1,84:1 Не проходить
Aa #4EC0E8 на #3187D4 1,81:1 Не проходить
Aa #3187D4 на #314AD4 1,81:1 Не проходить
Aa #4A2ECA на #A83CF0 1,80:1 Не проходить
Aa #A83CF0 на #F465EE 1,74:1 Не проходить
Aa #DB3CF0 на #4EC0E8 1,70:1 Не проходить
Aa #84D5FE на #4EA3DC 1,70:1 Не проходить
Aa #A83CF0 на #4EA3DC 1,66:1 Не проходить
Aa #F465EE на #84D5FE 1,63:1 Не проходить
Aa #3B2799 на #314AD4 1,58:1 Не проходить
Aa #B5E6FF на #4EC0E8 1,57:1 Не проходить
Aa #A83CF0 на #314AD4 1,49:1 Не проходить
Aa #F465EE на #3187D4 1,43:1 Не проходить
Aa #221569 на #3B2799 1,40:1 Не проходить
Aa #4EA3DC на #3187D4 1,37:1 Не проходить
Aa #DB3CF0 на #F465EE 1,34:1 Не проходить
Aa #4EC0E8 на #4EA3DC 1,32:1 Не проходить
Aa #3B2799 на #4A2ECA 1,31:1 Не проходить
Aa #A83CF0 на #DB3CF0 1,29:1 Не проходить
Aa #84D5FE на #4EC0E8 1,29:1 Не проходить
Aa #DB3CF0 на #4EA3DC 1,28:1 Не проходить
Aa #F465EE на #4EC0E8 1,26:1 Не проходить
Aa #B5E6FF на #84D5FE 1,22:1 Не проходить
Aa #4A2ECA на #314AD4 1,21:1 Не проходить
Aa #A83CF0 на #3187D4 1,21:1 Не проходить
Aa #DB3CF0 на #3187D4 1,07:1 Не проходить
Aa #F465EE на #4EA3DC 1,05: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 кольори