Реєстрація Реєстрація
Poison Ukka

Poison Ukka

Палітра з 11 кольорів · Теплі · Темні · Монохромна гармонія

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

Poison Ukka

Палітра з 11 кольорів · Теплі кольори · Темні тони · Монохромна гармонія

Редагувати
Приглушені 11 кольорів Теплі Темні Монохромна polyphrog grey stone
Вподобання 48
Кольори 11

CSS-змінні

:root {
  --c-muted-1: #1C1210;
  --c-muted-2: #302B26;
  --c-muted-3: #333439;
  --c-muted-4: #473B45;
  --c-muted-5: #454D42;
  --c-muted-6: #5B5248;
  --c-muted-7: #6D6D64;
  --c-muted-8: #77826B;
  --c-muted-9: #809494;
  --c-muted-10: #BEBEA3;
  --c-muted-11: #E9E7E6;
}

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

Ця приглушена палітра з 11 кольорів охоплює діапазон від Deep Daigi White (#E9E7E6), найсвітлішого тону, до Scandinavian Liquorice (#1C1210), найтемнішого. Вона об'єднує Scandinavian Liquorice, Noir, Dark Kettle Black, Eclectic Purple, Ancient Pine, Tarmac, Bonsai Trunk, Gazebo Green, Raindance, Mint Frost та Deep Daigi White в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 13 з них, найконтрастніша — #1C1210 на #E9E7E6 (14,9:1).

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

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

Scandinavian Liquorice #1C1210
RGB
rgb(28, 18, 16)
HSL
hsl(10, 27%, 9%)
Яскравість
0,007
Noir #302B26
RGB
rgb(48, 43, 38)
HSL
hsl(30, 12%, 17%)
Яскравість
0,025
Dark Kettle Black #333439
RGB
rgb(51, 52, 57)
HSL
hsl(230, 6%, 21%)
Яскравість
0,035
Eclectic Purple #473B45
RGB
rgb(71, 59, 69)
HSL
hsl(310, 9%, 25%)
Яскравість
0,049
Ancient Pine #454D42
RGB
rgb(69, 77, 66)
HSL
hsl(104, 8%, 28%)
Яскравість
0,070
Tarmac #5B5248
RGB
rgb(91, 82, 72)
HSL
hsl(32, 12%, 32%)
Яскравість
0,087
Bonsai Trunk #6D6D64
RGB
rgb(109, 109, 100)
HSL
hsl(60, 4%, 41%)
Яскравість
0,151
Gazebo Green #77826B
RGB
rgb(119, 130, 107)
HSL
hsl(89, 10%, 46%)
Яскравість
0,210
Raindance #809494
RGB
rgb(128, 148, 148)
HSL
hsl(180, 9%, 54%)
Яскравість
0,279
Mint Frost #BEBEA3
RGB
rgb(190, 190, 163)
HSL
hsl(60, 17%, 69%)
Яскравість
0,504
Deep Daigi White #E9E7E6
RGB
rgb(233, 231, 230)
HSL
hsl(20, 6%, 91%)
Яскравість
0,802

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

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

Aa #1C1210 на #E9E7E6 14,90:1 AAA
Aa #302B26 на #E9E7E6 11,36:1 AAA
Aa #333439 на #E9E7E6 10,08:1 AAA
Aa #1C1210 на #BEBEA3 9,69:1 AAA
Aa #473B45 на #E9E7E6 8,61:1 AAA
Aa #302B26 на #BEBEA3 7,39:1 AAA
Aa #454D42 на #E9E7E6 7,12:1 AAA
Aa #333439 на #BEBEA3 6,55:1 AA
Aa #5B5248 на #E9E7E6 6,21:1 AA
Aa #1C1210 на #809494 5,76:1 AA
Aa #473B45 на #BEBEA3 5,60:1 AA
Aa #454D42 на #BEBEA3 4,63:1 AA
Aa #1C1210 на #77826B 4,54:1 AA
Aa #302B26 на #809494 4,39:1 AA, великий текст
Aa #6D6D64 на #E9E7E6 4,24:1 AA, великий текст
Aa #5B5248 на #BEBEA3 4,04:1 AA, великий текст
Aa #333439 на #809494 3,89:1 AA, великий текст
Aa #1C1210 на #6D6D64 3,52:1 AA, великий текст
Aa #302B26 на #77826B 3,46:1 AA, великий текст
Aa #473B45 на #809494 3,32:1 AA, великий текст
Aa #77826B на #E9E7E6 3,28:1 AA, великий текст
Aa #333439 на #77826B 3,07:1 AA, великий текст
Aa #6D6D64 на #BEBEA3 2,76:1 Не проходить
Aa #454D42 на #809494 2,75:1 Не проходить
Aa #302B26 на #6D6D64 2,68:1 Не проходить
Aa #473B45 на #77826B 2,62:1 Не проходить
Aa #809494 на #E9E7E6 2,59:1 Не проходить
Aa #1C1210 на #5B5248 2,40:1 Не проходить
Aa #5B5248 на #809494 2,40:1 Не проходить
Aa #333439 на #6D6D64 2,38:1 Не проходить
Aa #454D42 на #77826B 2,17:1 Не проходить
Aa #77826B на #BEBEA3 2,14:1 Не проходить
Aa #1C1210 на #454D42 2,09:1 Не проходить
Aa #473B45 на #6D6D64 2,03:1 Не проходить
Aa #5B5248 на #77826B 1,89:1 Не проходить
Aa #302B26 на #5B5248 1,83:1 Не проходить
Aa #1C1210 на #473B45 1,73:1 Не проходить
Aa #454D42 на #6D6D64 1,68:1 Не проходить
Aa #809494 на #BEBEA3 1,68:1 Не проходить
Aa #6D6D64 на #809494 1,64:1 Не проходить
Aa #333439 на #5B5248 1,62:1 Не проходить
Aa #302B26 на #454D42 1,60:1 Не проходить
Aa #BEBEA3 на #E9E7E6 1,54:1 Не проходить
Aa #1C1210 на #333439 1,48:1 Не проходить
Aa #5B5248 на #6D6D64 1,46:1 Не проходить
Aa #333439 на #454D42 1,42:1 Не проходить
Aa #473B45 на #5B5248 1,39:1 Не проходить
Aa #302B26 на #473B45 1,32:1 Не проходить
Aa #1C1210 на #302B26 1,31:1 Не проходить
Aa #6D6D64 на #77826B 1,29:1 Не проходить
Aa #77826B на #809494 1,27:1 Не проходить
Aa #473B45 на #454D42 1,21:1 Не проходить
Aa #333439 на #473B45 1,17:1 Не проходить
Aa #454D42 на #5B5248 1,15:1 Не проходить
Aa #302B26 на #333439 1,13:1 Не проходить

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

#000000 #3D0000 #950101 #FF0000
4 кольори
#E23E57 #88304E #522546 #311D3F
4 кольори
#FF204E #A0153E #5D0E41 #00224D
4 кольори
#030637 #3C0753 #720455 #910A67
4 кольори
#1C0A00 #361500 #603601 #CC9544
4 кольори
#252525 #FF0000 #AF0404 #414141
4 кольори
#362222 #171010 #423F3E #2B2B2B
4 кольори
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 кольори