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

Walk

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

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

Walk

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

Редагувати
Приглушені 9 кольорів Нейтральні Темні Комплементарна orange blue bright sepulcherseptemberpalettecontest
Вподобання 47
Кольори 9

CSS-змінні

:root {
  --c-muted-1: #04BFB5;
  --c-muted-2: #046374;
  --c-muted-3: #042131;
  --c-muted-4: #040E16;
  --c-muted-5: #3A1404;
  --c-muted-6: #A74104;
  --c-muted-7: #DE6604;
  --c-muted-8: #FFD952;
  --c-muted-9: #FFF9D6;
}

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

Ця приглушена палітра з 9 кольорів охоплює діапазон від Wild Apple (#FFF9D6), найсвітлішого тону, до Dark Rift (#040E16), найтемнішого. Вона об'єднує Jade Gravel, Green Spool, Midnight Dreams, Dark Rift, American Bronze, Pepperoni, Orange Danger, Kuchinashi Yellow та Wild Apple в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 16 з них, найконтрастніша — #040E16 на #FFF9D6 (18,32:1).

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

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

Jade Gravel #04BFB5
RGB
rgb(4, 191, 181)
HSL
hsl(177, 96%, 38%)
Яскравість
0,406
Green Spool #046374
RGB
rgb(4, 99, 116)
HSL
hsl(189, 93%, 24%)
Яскравість
0,102
Midnight Dreams #042131
RGB
rgb(4, 33, 49)
HSL
hsl(201, 85%, 10%)
Яскравість
0,013
Dark Rift #040E16
RGB
rgb(4, 14, 22)
HSL
hsl(207, 69%, 5%)
Яскравість
0,004
American Bronze #3A1404
RGB
rgb(58, 20, 4)
HSL
hsl(18, 87%, 12%)
Яскравість
0,014
Pepperoni #A74104
RGB
rgb(167, 65, 4)
HSL
hsl(22, 95%, 34%)
Яскравість
0,120
Orange Danger #DE6604
RGB
rgb(222, 102, 4)
HSL
hsl(27, 96%, 44%)
Яскравість
0,250
Kuchinashi Yellow #FFD952
RGB
rgb(255, 217, 82)
HSL
hsl(47, 100%, 66%)
Яскравість
0,715
Wild Apple #FFF9D6
RGB
rgb(255, 249, 214)
HSL
hsl(51, 100%, 92%)
Яскравість
0,939

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

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

Aa #040E16 на #FFF9D6 18,32:1 AAA
Aa #042131 на #FFF9D6 15,61:1 AAA
Aa #3A1404 на #FFF9D6 15,43:1 AAA
Aa #040E16 на #FFD952 14,17:1 AAA
Aa #042131 на #FFD952 12,07:1 AAA
Aa #3A1404 на #FFD952 11,94:1 AAA
Aa #04BFB5 на #040E16 8,45:1 AAA
Aa #04BFB5 на #042131 7,20:1 AAA
Aa #04BFB5 на #3A1404 7,12:1 AAA
Aa #046374 на #FFF9D6 6,50:1 AA
Aa #A74104 на #FFF9D6 5,81:1 AA
Aa #040E16 на #DE6604 5,57:1 AA
Aa #046374 на #FFD952 5,03:1 AA
Aa #042131 на #DE6604 4,74:1 AA
Aa #3A1404 на #DE6604 4,69:1 AA
Aa #A74104 на #FFD952 4,50:1 AA
Aa #DE6604 на #FFF9D6 3,29:1 AA, великий текст
Aa #040E16 на #A74104 3,15:1 AA, великий текст
Aa #04BFB5 на #046374 3,00:1 AA, великий текст
Aa #046374 на #040E16 2,82:1 Не проходить
Aa #04BFB5 на #A74104 2,68:1 Не проходить
Aa #042131 на #A74104 2,68:1 Не проходить
Aa #3A1404 на #A74104 2,65:1 Не проходить
Aa #DE6604 на #FFD952 2,55:1 Не проходить
Aa #046374 на #042131 2,40:1 Не проходить
Aa #046374 на #3A1404 2,37:1 Не проходить
Aa #04BFB5 на #FFF9D6 2,17:1 Не проходить
Aa #046374 на #DE6604 1,98:1 Не проходить
Aa #A74104 на #DE6604 1,77:1 Не проходить
Aa #04BFB5 на #FFD952 1,68:1 Не проходить
Aa #04BFB5 на #DE6604 1,52:1 Не проходить
Aa #FFD952 на #FFF9D6 1,29:1 Не проходить
Aa #040E16 на #3A1404 1,19:1 Не проходить
Aa #042131 на #040E16 1,17:1 Не проходить
Aa #046374 на #A74104 1,12:1 Не проходить
Aa #042131 на #3A1404 1,01:1 Не проходить

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

#000000 #3E065F #700B97 #8E05C2
4 кольори
#000000 #150050 #3F0071 #FB2576
4 кольори
#000000 #3E432E #616F39 #A7D129
4 кольори
#4B5D67 #322F3D #59405C #87556F
4 кольори
#18230F #27391C #255F38 #1F7D53
4 кольори
#FF5200 #6F0000 #00263B #00A1AB
4 кольори
#000000 #0F6292 #16FF00 #FFED00
4 кольори
#251D3A #2A2550 #E04D01 #FF7700
4 кольори