Реєстрація Реєстрація
Tempered Alexandrite

Tempered Alexandrite

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

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

Tempered Alexandrite

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

Редагувати
Приглушені 12 кольорів Нейтральні Змішані Монохромна novemberneutralpalettecontest
Вподобання 57
Кольори 12

CSS-змінні

:root {
  --c-muted-1: #343A36;
  --c-muted-2: #747E90;
  --c-muted-3: #20211C;
  --c-muted-4: #4D5A57;
  --c-muted-5: #5A4A45;
  --c-muted-6: #A19C8C;
  --c-muted-7: #BABABA;
  --c-muted-8: #77676B;
  --c-muted-9: #988FB1;
  --c-muted-10: #3E392F;
  --c-muted-11: #98788E;
  --c-muted-12: #56524E;
}

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

Ця приглушена палітра з 12 кольорів охоплює діапазон від Baby Talk Grey (#BABABA), найсвітлішого тону, до Petroleum (#20211C), найтемнішого. Вона об'єднує Charcoal, Soulful Blue, Petroleum, Midnight in NY, Bear in Mind, Sacred Vortex, Baby Talk Grey, Rhapsody Rap, Greek Lavender, Fired Earth, Mountbatten Pink та Heavy Charcoal в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 5 з них, найконтрастніша — #20211C на #BABABA (8,35:1).

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

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

Charcoal #343A36
RGB
rgb(52, 58, 54)
HSL
hsl(140, 5%, 22%)
Яскравість
0,040
Soulful Blue #747E90
RGB
rgb(116, 126, 144)
HSL
hsl(219, 11%, 51%)
Яскравість
0,207
Petroleum #20211C
RGB
rgb(32, 33, 28)
HSL
hsl(72, 8%, 12%)
Яскравість
0,015
Midnight in NY #4D5A57
RGB
rgb(77, 90, 87)
HSL
hsl(166, 8%, 33%)
Яскравість
0,096
Bear in Mind #5A4A45
RGB
rgb(90, 74, 69)
HSL
hsl(14, 13%, 31%)
Яскравість
0,075
Sacred Vortex #A19C8C
RGB
rgb(161, 156, 140)
HSL
hsl(46, 10%, 59%)
Яскравість
0,333
Baby Talk Grey #BABABA
RGB
rgb(186, 186, 186)
HSL
hsl(0, 0%, 73%)
Яскравість
0,491
Rhapsody Rap #77676B
RGB
rgb(119, 103, 107)
HSL
hsl(345, 7%, 44%)
Яскравість
0,147
Greek Lavender #988FB1
RGB
rgb(152, 143, 177)
HSL
hsl(256, 18%, 63%)
Яскравість
0,295
Fired Earth #3E392F
RGB
rgb(62, 57, 47)
HSL
hsl(40, 14%, 21%)
Яскравість
0,042
Mountbatten Pink #98788E
RGB
rgb(152, 120, 142)
HSL
hsl(319, 13%, 53%)
Яскравість
0,221
Heavy Charcoal #56524E
RGB
rgb(86, 82, 78)
HSL
hsl(30, 5%, 32%)
Яскравість
0,086

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

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

Aa #20211C на #BABABA 8,35:1 AAA
Aa #343A36 на #BABABA 6,00:1 AA
Aa #BABABA на #3E392F 5,91:1 AA
Aa #20211C на #A19C8C 5,90:1 AA
Aa #20211C на #988FB1 5,32:1 AA
Aa #5A4A45 на #BABABA 4,33:1 AA, великий текст
Aa #343A36 на #A19C8C 4,24:1 AA, великий текст
Aa #20211C на #98788E 4,18:1 AA, великий текст
Aa #A19C8C на #3E392F 4,18:1 AA, великий текст
Aa #BABABA на #56524E 3,99:1 AA, великий текст
Aa #747E90 на #20211C 3,96:1 AA, великий текст
Aa #343A36 на #988FB1 3,82:1 AA, великий текст
Aa #988FB1 на #3E392F 3,77:1 AA, великий текст
Aa #4D5A57 на #BABABA 3,71:1 AA, великий текст
Aa #5A4A45 на #A19C8C 3,06:1 AA, великий текст
Aa #20211C на #77676B 3,04:1 AA, великий текст
Aa #343A36 на #98788E 3,00:1 AA, великий текст
Aa #3E392F на #98788E 2,96:1 Не проходить
Aa #343A36 на #747E90 2,84:1 Не проходить
Aa #A19C8C на #56524E 2,82:1 Не проходить
Aa #747E90 на #3E392F 2,80:1 Не проходить
Aa #5A4A45 на #988FB1 2,76:1 Не проходить
Aa #BABABA на #77676B 2,75:1 Не проходить
Aa #4D5A57 на #A19C8C 2,62:1 Не проходить
Aa #988FB1 на #56524E 2,54:1 Не проходить
Aa #4D5A57 на #988FB1 2,37:1 Не проходить
Aa #20211C на #4D5A57 2,25:1 Не проходить
Aa #343A36 на #77676B 2,18:1 Не проходить
Aa #5A4A45 на #98788E 2,16:1 Не проходить
Aa #77676B на #3E392F 2,15:1 Не проходить
Aa #747E90 на #BABABA 2,11:1 Не проходить
Aa #20211C на #56524E 2,09:1 Не проходить
Aa #747E90 на #5A4A45 2,05:1 Не проходить
Aa #BABABA на #98788E 2,00:1 Не проходить
Aa #98788E на #56524E 2,00:1 Не проходить
Aa #A19C8C на #77676B 1,94:1 Не проходить
Aa #20211C на #5A4A45 1,93:1 Не проходить
Aa #747E90 на #56524E 1,89:1 Не проходить
Aa #4D5A57 на #98788E 1,86:1 Не проходить
Aa #747E90 на #4D5A57 1,76:1 Не проходить
Aa #77676B на #988FB1 1,75:1 Не проходить
Aa #343A36 на #4D5A57 1,62:1 Не проходить
Aa #4D5A57 на #3E392F 1,59:1 Не проходить
Aa #5A4A45 на #77676B 1,57:1 Не проходить
Aa #BABABA на #988FB1 1,57:1 Не проходить
Aa #343A36 на #56524E 1,50:1 Не проходить
Aa #747E90 на #A19C8C 1,49:1 Не проходить
Aa #3E392F на #56524E 1,48:1 Не проходить
Aa #77676B на #56524E 1,45:1 Не проходить
Aa #20211C на #3E392F 1,41:1 Не проходить
Aa #A19C8C на #BABABA 1,41:1 Не проходить
Aa #A19C8C на #98788E 1,41:1 Не проходить
Aa #343A36 на #20211C 1,39:1 Не проходить
Aa #343A36 на #5A4A45 1,39:1 Не проходить
Aa #5A4A45 на #3E392F 1,37:1 Не проходить
Aa #77676B на #98788E 1,37:1 Не проходить
Aa #4D5A57 на #77676B 1,35:1 Не проходить
Aa #747E90 на #988FB1 1,34:1 Не проходить
Aa #747E90 на #77676B 1,30:1 Не проходить
Aa #988FB1 на #98788E 1,27:1 Не проходить
Aa #4D5A57 на #5A4A45 1,17:1 Не проходить
Aa #A19C8C на #988FB1 1,11:1 Не проходить
Aa #5A4A45 на #56524E 1,08:1 Не проходить
Aa #4D5A57 на #56524E 1,07:1 Не проходить
Aa #747E90 на #98788E 1,06:1 Не проходить
Aa #343A36 на #3E392F 1,01: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 кольори