Реєстрація Реєстрація
Mesquita's Monochromatic RED

Mesquita's Monochromatic RED

Палітра з 6 кольорів · Теплі · Темні · Аналогова гармонія

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

Mesquita's Monochromatic RED

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

Редагувати
Приглушені 6 кольорів Теплі Темні Аналогова red monochromatic
Вподобання 146
Кольори 6

CSS-змінні

:root {
  --c-muted-1: #1C0818;
  --c-muted-2: #350D24;
  --c-muted-3: #4C1026;
  --c-muted-4: #681225;
  --c-muted-5: #810E23;
  --c-muted-6: #941416;
}

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

Ця приглушена палітра з 6 кольорів охоплює діапазон від Clotted Red (#941416), найсвітлішого тону, до Crow (#1C0818), найтемнішого. Вона об'єднує Crow, Chocolate Kiss, What We Do in the Shadows, Dark Humour, Heavy Heart та Clotted Red в один набір, який можна одразу перенести в інтерфейс. Жодна з 15 пар кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

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

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

Crow #1C0818
RGB
rgb(28, 8, 24)
HSL
hsl(312, 56%, 7%)
Яскравість
0,005
Chocolate Kiss #350D24
RGB
rgb(53, 13, 36)
HSL
hsl(326, 61%, 13%)
Яскравість
0,012
What We Do in the Shadows #4C1026
RGB
rgb(76, 16, 38)
HSL
hsl(338, 65%, 18%)
Яскравість
0,021
Dark Humour #681225
RGB
rgb(104, 18, 37)
HSL
hsl(347, 70%, 24%)
Яскравість
0,035
Heavy Heart #810E23
RGB
rgb(129, 14, 35)
HSL
hsl(349, 80%, 28%)
Яскравість
0,051
Clotted Red #941416
RGB
rgb(148, 20, 22)
HSL
hsl(359, 76%, 33%)
Яскравість
0,069

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

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

Aa #1C0818 на #941416 2,16:1 Не проходить
Aa #350D24 на #941416 1,92:1 Не проходить
Aa #1C0818 на #810E23 1,84:1 Не проходить
Aa #4C1026 на #941416 1,68:1 Не проходить
Aa #350D24 на #810E23 1,64:1 Не проходить
Aa #1C0818 на #681225 1,55:1 Не проходить
Aa #4C1026 на #810E23 1,43:1 Не проходить
Aa #681225 на #941416 1,39:1 Не проходить
Aa #350D24 на #681225 1,38:1 Не проходить
Aa #1C0818 на #4C1026 1,28:1 Не проходить
Aa #4C1026 на #681225 1,21:1 Не проходить
Aa #681225 на #810E23 1,19:1 Не проходить
Aa #810E23 на #941416 1,17:1 Не проходить
Aa #350D24 на #4C1026 1,14:1 Не проходить
Aa #1C0818 на #350D24 1,12: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 кольори