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

Simple64

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

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

Simple64

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

Редагувати
Яскраві 7 кольорів Нейтральні Змішані Комплементарна simple
Вподобання 11
Кольори 7

CSS-змінні

:root {
  --c-vibrant-1: #16044C;
  --c-vibrant-2: #3FFC4A;
  --c-vibrant-3: #1D7CF9;
  --c-vibrant-4: #F9355A;
  --c-vibrant-5: #FEF15E;
  --c-vibrant-6: #808080;
  --c-vibrant-7: #FEFEFE;
}

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

Ця яскрава палітра з 7 кольорів охоплює діапазон від White as Heaven (#FEFEFE), найсвітлішого тону, до Magic Whale (#16044C), найтемнішого. Вона об'єднує Magic Whale, Goblin Warboss, Clear Blue, Radical Red, Kihada Yellow, Grey та White as Heaven в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 21. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 6 з них, найконтрастніша — #16044C на #FEFEFE (18,01:1).

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

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

Magic Whale #16044C
RGB
rgb(22, 4, 76)
HSL
hsl(255, 90%, 16%)
Яскравість
0,008
Goblin Warboss #3FFC4A
RGB
rgb(63, 252, 74)
HSL
hsl(123, 97%, 62%)
Яскравість
0,712
Clear Blue #1D7CF9
RGB
rgb(29, 124, 249)
HSL
hsl(214, 95%, 55%)
Яскравість
0,215
Radical Red #F9355A
RGB
rgb(249, 53, 90)
HSL
hsl(349, 94%, 59%)
Яскравість
0,234
Kihada Yellow #FEF15E
RGB
rgb(254, 241, 94)
HSL
hsl(55, 99%, 68%)
Яскравість
0,848
Grey #808080
RGB
rgb(128, 128, 128)
HSL
hsl(0, 0%, 50%)
Яскравість
0,216
White as Heaven #FEFEFE
RGB
rgb(254, 254, 254)
HSL
hsl(0, 0%, 100%)
Яскравість
0,991

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

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

Aa #16044C на #FEFEFE 18,01:1 AAA
Aa #16044C на #FEF15E 15,54:1 AAA
Aa #16044C на #3FFC4A 13,18:1 AAA
Aa #16044C на #F9355A 4,92:1 AA
Aa #16044C на #808080 4,60:1 AA
Aa #16044C на #1D7CF9 4,59:1 AA
Aa #1D7CF9 на #FEFEFE 3,93:1 AA, великий текст
Aa #808080 на #FEFEFE 3,92:1 AA, великий текст
Aa #F9355A на #FEFEFE 3,66:1 AA, великий текст
Aa #1D7CF9 на #FEF15E 3,39:1 AA, великий текст
Aa #FEF15E на #808080 3,38:1 AA, великий текст
Aa #F9355A на #FEF15E 3,16:1 AA, великий текст
Aa #3FFC4A на #1D7CF9 2,87:1 Не проходить
Aa #3FFC4A на #808080 2,87:1 Не проходить
Aa #3FFC4A на #F9355A 2,68:1 Не проходить
Aa #3FFC4A на #FEFEFE 1,37:1 Не проходить
Aa #3FFC4A на #FEF15E 1,18:1 Не проходить
Aa #FEF15E на #FEFEFE 1,16:1 Не проходить
Aa #1D7CF9 на #F9355A 1,07:1 Не проходить
Aa #F9355A на #808080 1,07:1 Не проходить
Aa #1D7CF9 на #808080 1,00: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 кольори