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

Emphasis10

Палітра з 10 кольорів · Холодні · Темні · Тріадна гармонія

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

Emphasis10

Палітра з 10 кольорів · Холодні кольори · Темні тони · Тріадна гармонія

Редагувати
Приглушені 10 кольорів Холодні Темні Тріадна green monoramp blue
Вподобання 50
Кольори 10

CSS-змінні

:root {
  --c-muted-1: #0D0613;
  --c-muted-2: #051722;
  --c-muted-3: #012C43;
  --c-muted-4: #114B60;
  --c-muted-5: #237178;
  --c-muted-6: #399478;
  --c-muted-7: #57B67F;
  --c-muted-8: #6BD077;
  --c-muted-9: #85E879;
  --c-muted-10: #9FF26E;
}

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

Ця приглушена палітра з 10 кольорів охоплює діапазон від Stadium Lawn (#9FF26E), найсвітлішого тону, до Not Tonight (#0D0613), найтемнішого. Вона об'єднує Not Tonight, Creeping Death, Nordic Noir, Swallow Blue, Poseidon’s Castle, Illuminating Emerald, Jade Cream, Snow Pea, Herbivore та Stadium Lawn в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 45. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 17 з них, найконтрастніша — #0D0613 на #9FF26E (14,63:1).

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

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

Not Tonight #0D0613
RGB
rgb(13, 6, 19)
HSL
hsl(272, 52%, 5%)
Яскравість
0,003
Creeping Death #051722
RGB
rgb(5, 23, 34)
HSL
hsl(203, 74%, 8%)
Яскравість
0,008
Nordic Noir #012C43
RGB
rgb(1, 44, 67)
HSL
hsl(201, 97%, 13%)
Яскравість
0,022
Swallow Blue #114B60
RGB
rgb(17, 75, 96)
HSL
hsl(196, 70%, 22%)
Яскравість
0,060
Poseidon’s Castle #237178
RGB
rgb(35, 113, 120)
HSL
hsl(185, 55%, 30%)
Яскравість
0,135
Illuminating Emerald #399478
RGB
rgb(57, 148, 120)
HSL
hsl(162, 44%, 40%)
Яскравість
0,234
Jade Cream #57B67F
RGB
rgb(87, 182, 127)
HSL
hsl(145, 39%, 53%)
Яскравість
0,370
Snow Pea #6BD077
RGB
rgb(107, 208, 119)
HSL
hsl(127, 52%, 62%)
Яскравість
0,496
Herbivore #85E879
RGB
rgb(133, 232, 121)
HSL
hsl(114, 71%, 69%)
Яскравість
0,641
Stadium Lawn #9FF26E
RGB
rgb(159, 242, 110)
HSL
hsl(98, 84%, 69%)
Яскравість
0,720

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

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

Aa #0D0613 на #9FF26E 14,63:1 AAA
Aa #051722 на #9FF26E 13,37:1 AAA
Aa #0D0613 на #85E879 13,13:1 AAA
Aa #051722 на #85E879 11,99:1 AAA
Aa #012C43 на #9FF26E 10,68:1 AAA
Aa #0D0613 на #6BD077 10,37:1 AAA
Aa #012C43 на #85E879 9,58:1 AAA
Aa #051722 на #6BD077 9,47:1 AAA
Aa #0D0613 на #57B67F 7,98:1 AAA
Aa #012C43 на #6BD077 7,57:1 AAA
Aa #051722 на #57B67F 7,29:1 AAA
Aa #114B60 на #9FF26E 7,00:1 AAA
Aa #114B60 на #85E879 6,28:1 AA
Aa #012C43 на #57B67F 5,82:1 AA
Aa #0D0613 на #399478 5,40:1 AA
Aa #114B60 на #6BD077 4,96:1 AA
Aa #051722 на #399478 4,93:1 AA
Aa #237178 на #9FF26E 4,16:1 AA, великий текст
Aa #012C43 на #399478 3,94:1 AA, великий текст
Aa #114B60 на #57B67F 3,82:1 AA, великий текст
Aa #237178 на #85E879 3,73:1 AA, великий текст
Aa #0D0613 на #237178 3,52:1 AA, великий текст
Aa #051722 на #237178 3,22:1 AA, великий текст
Aa #237178 на #6BD077 2,95:1 Не проходить
Aa #399478 на #9FF26E 2,71:1 Не проходить
Aa #114B60 на #399478 2,58:1 Не проходить
Aa #012C43 на #237178 2,57:1 Не проходить
Aa #399478 на #85E879 2,43:1 Не проходить
Aa #237178 на #57B67F 2,27:1 Не проходить
Aa #0D0613 на #114B60 2,09:1 Не проходить
Aa #399478 на #6BD077 1,92:1 Не проходить
Aa #051722 на #114B60 1,91:1 Не проходить
Aa #57B67F на #9FF26E 1,83:1 Не проходить
Aa #114B60 на #237178 1,68:1 Не проходить
Aa #57B67F на #85E879 1,64:1 Не проходить
Aa #237178 на #399478 1,53:1 Не проходить
Aa #012C43 на #114B60 1,52:1 Не проходить
Aa #399478 на #57B67F 1,48:1 Не проходить
Aa #6BD077 на #9FF26E 1,41:1 Не проходить
Aa #0D0613 на #012C43 1,37:1 Не проходить
Aa #57B67F на #6BD077 1,30:1 Не проходить
Aa #6BD077 на #85E879 1,27:1 Не проходить
Aa #051722 на #012C43 1,25:1 Не проходить
Aa #85E879 на #9FF26E 1,11:1 Не проходить
Aa #0D0613 на #051722 1,09:1 Не проходить

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

#212121 #323232 #0D7377 #14FFEC
4 кольори
#0A2647 #144272 #205295 #2C74B3
4 кольори
#040D12 #183D3D #5C8374 #93B1A6
4 кольори
#142850 #27496D #0C7B93 #00A8CC
4 кольори
#635985 #443C68 #393053 #18122B
4 кольори
#000000 #150050 #3F0071 #610094
4 кольори
#151515 #301B3F #3C415C #B4A5A5
4 кольори
#041C32 #04293A #064663 #ECB365
4 кольори