Реєстрація Реєстрація
TY 128 Engine

TY 128 Engine

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

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

TY 128 Engine

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

Редагувати
Приглушені 10 кольорів Нейтральні Змішані Тріадна retro game console fictional
Вподобання 7
Кольори 10

CSS-змінні

:root {
  --c-muted-1: #3C3658;
  --c-muted-2: #5E475B;
  --c-muted-3: #7D685F;
  --c-muted-4: #A78547;
  --c-muted-5: #B190B1;
  --c-muted-6: #CBC8C7;
  --c-muted-7: #7D7D7D;
  --c-muted-8: #53A2AC;
  --c-muted-9: #43925B;
  --c-muted-10: #476361;
}

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

Ця приглушена палітра з 10 кольорів охоплює діапазон від Gentle Rain (#CBC8C7), найсвітлішого тону, до Naggaroth Night (#3C3658), найтемнішого. Вона об'єднує Naggaroth Night, Ripe Mulberry, Cocoa Milk, Kiss Candy, Metal Petal, Gentle Rain, Aged Moustache Grey, Flood Out, Alpine Herbs та Brochantite Green в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 45. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 2 з них, найконтрастніша — #3C3658 на #CBC8C7 (6,79:1).

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

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

Naggaroth Night #3C3658
RGB
rgb(60, 54, 88)
HSL
hsl(251, 24%, 28%)
Яскравість
0,043
Ripe Mulberry #5E475B
RGB
rgb(94, 71, 91)
HSL
hsl(308, 14%, 32%)
Яскравість
0,076
Cocoa Milk #7D685F
RGB
rgb(125, 104, 95)
HSL
hsl(18, 14%, 43%)
Яскравість
0,151
Kiss Candy #A78547
RGB
rgb(167, 133, 71)
HSL
hsl(39, 40%, 47%)
Яскравість
0,255
Metal Petal #B190B1
RGB
rgb(177, 144, 177)
HSL
hsl(300, 17%, 63%)
Яскравість
0,325
Gentle Rain #CBC8C7
RGB
rgb(203, 200, 199)
HSL
hsl(15, 4%, 79%)
Яскравість
0,581
Aged Moustache Grey #7D7D7D
RGB
rgb(125, 125, 125)
HSL
hsl(0, 0%, 49%)
Яскравість
0,205
Flood Out #53A2AC
RGB
rgb(83, 162, 172)
HSL
hsl(187, 35%, 50%)
Яскравість
0,307
Alpine Herbs #43925B
RGB
rgb(67, 146, 91)
HSL
hsl(138, 37%, 42%)
Яскравість
0,225
Brochantite Green #476361
RGB
rgb(71, 99, 97)
HSL
hsl(176, 16%, 33%)
Яскравість
0,111

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

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

Aa #3C3658 на #CBC8C7 6,79:1 AA
Aa #5E475B на #CBC8C7 4,99:1 AA
Aa #3C3658 на #B190B1 4,03:1 AA, великий текст
Aa #CBC8C7 на #476361 3,91:1 AA, великий текст
Aa #3C3658 на #53A2AC 3,83:1 AA, великий текст
Aa #3C3658 на #A78547 3,27:1 AA, великий текст
Aa #7D685F на #CBC8C7 3,14:1 AA, великий текст
Aa #3C3658 на #43925B 2,96:1 Не проходить
Aa #5E475B на #B190B1 2,96:1 Не проходить
Aa #5E475B на #53A2AC 2,82:1 Не проходить
Aa #3C3658 на #7D7D7D 2,74:1 Не проходить
Aa #CBC8C7 на #7D7D7D 2,47:1 Не проходить
Aa #5E475B на #A78547 2,41:1 Не проходить
Aa #B190B1 на #476361 2,32:1 Не проходить
Aa #CBC8C7 на #43925B 2,30:1 Не проходить
Aa #53A2AC на #476361 2,21:1 Не проходить
Aa #5E475B на #43925B 2,18:1 Не проходить
Aa #3C3658 на #7D685F 2,16:1 Не проходить
Aa #A78547 на #CBC8C7 2,07:1 Не проходить
Aa #5E475B на #7D7D7D 2,02:1 Не проходить
Aa #A78547 на #476361 1,89:1 Не проходить
Aa #7D685F на #B190B1 1,87:1 Не проходить
Aa #7D685F на #53A2AC 1,78:1 Не проходить
Aa #CBC8C7 на #53A2AC 1,77:1 Не проходить
Aa #3C3658 на #476361 1,73:1 Не проходить
Aa #43925B на #476361 1,71:1 Не проходить
Aa #B190B1 на #CBC8C7 1,68:1 Не проходить
Aa #5E475B на #7D685F 1,59:1 Не проходить
Aa #7D7D7D на #476361 1,58:1 Не проходить
Aa #7D685F на #A78547 1,52:1 Не проходить
Aa #B190B1 на #7D7D7D 1,47:1 Не проходить
Aa #7D7D7D на #53A2AC 1,40:1 Не проходить
Aa #7D685F на #43925B 1,37:1 Не проходить
Aa #3C3658 на #5E475B 1,36:1 Не проходить
Aa #B190B1 на #43925B 1,36:1 Не проходить
Aa #53A2AC на #43925B 1,30:1 Не проходить
Aa #5E475B на #476361 1,28:1 Не проходить
Aa #7D685F на #7D7D7D 1,27:1 Не проходить
Aa #7D685F на #476361 1,25:1 Не проходить
Aa #A78547 на #B190B1 1,23:1 Не проходить
Aa #A78547 на #7D7D7D 1,19:1 Не проходить
Aa #A78547 на #53A2AC 1,17:1 Не проходить
Aa #A78547 на #43925B 1,11:1 Не проходить
Aa #7D7D7D на #43925B 1,08:1 Не проходить
Aa #B190B1 на #53A2AC 1,05: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 кольори