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

Bioluminescent

Палітра з 6 кольорів · Нейтральні · Змішані · Комплементарна гармонія

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

Bioluminescent

Палітра з 6 кольорів · Нейтральні кольори · Змішані тони · Комплементарна гармонія

Редагувати
Яскраві 6 кольорів Нейтральні Змішані Комплементарна pixelart night fantasy forest
Вподобання 40
Кольори 6

CSS-змінні

:root {
  --c-vibrant-1: #D9FF85;
  --c-vibrant-2: #D2D61D;
  --c-vibrant-3: #B18D3A;
  --c-vibrant-4: #CB5785;
  --c-vibrant-5: #3B3C83;
  --c-vibrant-6: #00134A;
}

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

Ця яскрава палітра з 6 кольорів охоплює діапазон від Honeydew Peel (#D9FF85), найсвітлішого тону, до Kantor Blue (#00134A), найтемнішого. Вона об'єднує Honeydew Peel, Sun Flooded Woods, Alpine, Pretty in Plum, Clematis Blue та Kantor Blue в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 15. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 5 з них, найконтрастніша — #D9FF85 на #00134A (15,6:1).

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

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

Honeydew Peel #D9FF85
RGB
rgb(217, 255, 133)
HSL
hsl(79, 100%, 76%)
Яскравість
0,880
Sun Flooded Woods #D2D61D
RGB
rgb(210, 214, 29)
HSL
hsl(61, 76%, 48%)
Яскравість
0,619
Alpine #B18D3A
RGB
rgb(177, 141, 58)
HSL
hsl(42, 51%, 46%)
Яскравість
0,287
Pretty in Plum #CB5785
RGB
rgb(203, 87, 133)
HSL
hsl(336, 53%, 57%)
Яскравість
0,212
Clematis Blue #3B3C83
RGB
rgb(59, 60, 131)
HSL
hsl(239, 38%, 37%)
Яскравість
0,058
Kantor Blue #00134A
RGB
rgb(0, 19, 74)
HSL
hsl(225, 100%, 15%)
Яскравість
0,010

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

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

Aa #D9FF85 на #00134A 15,60:1 AAA
Aa #D2D61D на #00134A 11,22:1 AAA
Aa #D9FF85 на #3B3C83 8,61:1 AAA
Aa #D2D61D на #3B3C83 6,19:1 AA
Aa #B18D3A на #00134A 5,65:1 AA
Aa #CB5785 на #00134A 4,40:1 AA, великий текст
Aa #D9FF85 на #CB5785 3,55:1 AA, великий текст
Aa #B18D3A на #3B3C83 3,12:1 AA, великий текст
Aa #D9FF85 на #B18D3A 2,76:1 Не проходить
Aa #D2D61D на #CB5785 2,55:1 Не проходить
Aa #CB5785 на #3B3C83 2,43:1 Не проходить
Aa #D2D61D на #B18D3A 1,98:1 Не проходить
Aa #3B3C83 на #00134A 1,81:1 Не проходить
Aa #D9FF85 на #D2D61D 1,39:1 Не проходить
Aa #B18D3A на #CB5785 1,29:1 Не проходить

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

#EDF1D6 #9DC08B #609966 #40513B
4 кольори
#F5F7F8 #F4CE14 #495E57 #45474B
4 кольори
#222831 #393E46 #FFD369 #EEEEEE
4 кольори
#000000 #52057B #892CDC #BC6FF1
4 кольори
#213555 #3E5879 #D8C4B6 #F5EFE7
4 кольори
#F5EFE7 #D8C4B6 #4F709C #213555
4 кольори
#191A19 #1E5128 #4E9F3D #D8E9A8
4 кольори
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 кольори