Реєстрація Реєстрація
Ammo 8

Ammo 8

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

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

Ammo 8

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

Редагувати
Приглушені 8 кольорів Нейтральні Змішані Аналогова artist monoramp monochrome rsvpasap
Вподобання 1 316
Кольори 8

CSS-змінні

:root {
  --c-muted-1: #040C06;
  --c-muted-2: #112318;
  --c-muted-3: #1E3A29;
  --c-muted-4: #305D42;
  --c-muted-5: #4D8061;
  --c-muted-6: #89A257;
  --c-muted-7: #BEDC7F;
  --c-muted-8: #EEFFCC;
}

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

Ця приглушена палітра з 8 кольорів охоплює діапазон від Snowdrop (#EEFFCC), найсвітлішого тону, до Whiten’t (#040C06), найтемнішого. Вона об'єднує Whiten’t, Black Emerald, Palm Green, Emerald Temple, Sports Field Green, Yanagizome Green, Pancotto Pugliese та Snowdrop в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 10 з них, найконтрастніша — #040C06 на #EEFFCC (18,68:1).

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

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

Whiten’t #040C06
RGB
rgb(4, 12, 6)
HSL
hsl(135, 50%, 3%)
Яскравість
0,003
Black Emerald #112318
RGB
rgb(17, 35, 24)
HSL
hsl(143, 35%, 10%)
Яскравість
0,014
Palm Green #1E3A29
RGB
rgb(30, 58, 41)
HSL
hsl(144, 32%, 17%)
Яскравість
0,035
Emerald Temple #305D42
RGB
rgb(48, 93, 66)
HSL
hsl(144, 32%, 28%)
Яскравість
0,089
Sports Field Green #4D8061
RGB
rgb(77, 128, 97)
HSL
hsl(144, 25%, 40%)
Яскравість
0,179
Yanagizome Green #89A257
RGB
rgb(137, 162, 87)
HSL
hsl(80, 30%, 49%)
Яскравість
0,319
Pancotto Pugliese #BEDC7F
RGB
rgb(190, 220, 127)
HSL
hsl(79, 57%, 68%)
Яскравість
0,637
Snowdrop #EEFFCC
RGB
rgb(238, 255, 204)
HSL
hsl(80, 100%, 90%)
Яскравість
0,941

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

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

Aa #040C06 на #EEFFCC 18,68:1 AAA
Aa #112318 на #EEFFCC 15,51:1 AAA
Aa #040C06 на #BEDC7F 12,95:1 AAA
Aa #1E3A29 на #EEFFCC 11,71:1 AAA
Aa #112318 на #BEDC7F 10,75:1 AAA
Aa #1E3A29 на #BEDC7F 8,11:1 AAA
Aa #305D42 на #EEFFCC 7,15:1 AAA
Aa #040C06 на #89A257 6,95:1 AA
Aa #112318 на #89A257 5,77:1 AA
Aa #305D42 на #BEDC7F 4,96:1 AA
Aa #1E3A29 на #89A257 4,35:1 AA, великий текст
Aa #4D8061 на #EEFFCC 4,33:1 AA, великий текст
Aa #040C06 на #4D8061 4,32:1 AA, великий текст
Aa #112318 на #4D8061 3,58:1 AA, великий текст
Aa #4D8061 на #BEDC7F 3,00:1 AA, великий текст
Aa #1E3A29 на #4D8061 2,70:1 Не проходить
Aa #89A257 на #EEFFCC 2,69:1 Не проходить
Aa #305D42 на #89A257 2,66:1 Не проходить
Aa #040C06 на #305D42 2,61:1 Не проходить
Aa #112318 на #305D42 2,17:1 Не проходить
Aa #89A257 на #BEDC7F 1,86:1 Не проходить
Aa #305D42 на #4D8061 1,65:1 Не проходить
Aa #1E3A29 на #305D42 1,64:1 Не проходить
Aa #4D8061 на #89A257 1,61:1 Не проходить
Aa #040C06 на #1E3A29 1,60:1 Не проходить
Aa #BEDC7F на #EEFFCC 1,44:1 Не проходить
Aa #112318 на #1E3A29 1,32:1 Не проходить
Aa #040C06 на #112318 1,20: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 кольори