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

Curiosities

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

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

Curiosities

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

Редагувати
Яскраві 6 кольорів Нейтральні Змішані Комплементарна green pink soft pastel
Вподобання 1 382
Кольори 6

CSS-змінні

:root {
  --c-vibrant-1: #46425E;
  --c-vibrant-2: #15788C;
  --c-vibrant-3: #00B9BE;
  --c-vibrant-4: #FFEECC;
  --c-vibrant-5: #FFB0A3;
  --c-vibrant-6: #FF6973;
}

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

Ця яскрава палітра з 6 кольорів охоплює діапазон від Milk Froth (#FFEECC), найсвітлішого тону, до Heraldic (#46425E), найтемнішого. Вона об'єднує Heraldic, Caribe, Cyan Sky, Milk Froth, Amber Tide та Kisses and Hugs в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 15. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 2 з них, найконтрастніша — #46425E на #FFEECC (8,34:1).

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

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

Heraldic #46425E
RGB
rgb(70, 66, 94)
HSL
hsl(249, 18%, 31%)
Яскравість
0,060
Caribe #15788C
RGB
rgb(21, 120, 140)
HSL
hsl(190, 74%, 32%)
Яскравість
0,155
Cyan Sky #00B9BE
RGB
rgb(0, 185, 190)
HSL
hsl(182, 100%, 37%)
Яскравість
0,384
Milk Froth #FFEECC
RGB
rgb(255, 238, 204)
HSL
hsl(40, 100%, 90%)
Яскравість
0,868
Amber Tide #FFB0A3
RGB
rgb(255, 176, 163)
HSL
hsl(8, 100%, 82%)
Яскравість
0,550
Kisses and Hugs #FF6973
RGB
rgb(255, 105, 115)
HSL
hsl(356, 100%, 71%)
Яскравість
0,326

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

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

Aa #46425E на #FFEECC 8,34:1 AAA
Aa #46425E на #FFB0A3 5,45:1 AA
Aa #15788C на #FFEECC 4,48:1 AA, великий текст
Aa #46425E на #00B9BE 3,94:1 AA, великий текст
Aa #46425E на #FF6973 3,42:1 AA, великий текст
Aa #15788C на #FFB0A3 2,93:1 Не проходить
Aa #FFEECC на #FF6973 2,44:1 Не проходить
Aa #15788C на #00B9BE 2,12:1 Не проходить
Aa #00B9BE на #FFEECC 2,11:1 Не проходить
Aa #46425E на #15788C 1,86:1 Не проходить
Aa #15788C на #FF6973 1,84:1 Не проходить
Aa #FFB0A3 на #FF6973 1,59:1 Не проходить
Aa #FFEECC на #FFB0A3 1,53:1 Не проходить
Aa #00B9BE на #FFB0A3 1,38:1 Не проходить
Aa #00B9BE на #FF6973 1,15: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 кольори