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

Malachite6

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

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

Malachite6

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

Редагувати
Приглушені 6 кольорів Холодні Темні Монохромна monoramp smbx malachite gemstone
Вподобання 27
Кольори 6

CSS-змінні

:root {
  --c-muted-1: #2FBFA4;
  --c-muted-2: #099975;
  --c-muted-3: #007753;
  --c-muted-4: #005634;
  --c-muted-5: #0B351F;
  --c-muted-6: #091C12;
}

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

Ця приглушена палітра з 6 кольорів охоплює діапазон від First Post (#2FBFA4), найсвітлішого тону, до Nightmare (#091C12), найтемнішого. Вона об'єднує First Post, Jardinière, Victoria Peak, Permanent Green, Dark Jungle та Nightmare в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 15. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 3 з них, найконтрастніша — #2FBFA4 на #091C12 (7,68:1).

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

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

First Post #2FBFA4
RGB
rgb(47, 191, 164)
HSL
hsl(169, 61%, 47%)
Яскравість
0,406
Jardinière #099975
RGB
rgb(9, 153, 117)
HSL
hsl(165, 89%, 32%)
Яскравість
0,241
Victoria Peak #007753
RGB
rgb(0, 119, 83)
HSL
hsl(162, 100%, 23%)
Яскравість
0,138
Permanent Green #005634
RGB
rgb(0, 86, 52)
HSL
hsl(156, 100%, 17%)
Яскравість
0,069
Dark Jungle #0B351F
RGB
rgb(11, 53, 31)
HSL
hsl(149, 66%, 13%)
Яскравість
0,027
Nightmare #091C12
RGB
rgb(9, 28, 18)
HSL
hsl(148, 51%, 7%)
Яскравість
0,009

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

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

Aa #2FBFA4 на #091C12 7,68:1 AAA
Aa #2FBFA4 на #0B351F 5,90:1 AA
Aa #099975 на #091C12 4,91:1 AA
Aa #2FBFA4 на #005634 3,83:1 AA, великий текст
Aa #099975 на #0B351F 3,77:1 AA, великий текст
Aa #007753 на #091C12 3,17:1 AA, великий текст
Aa #099975 на #005634 2,45:1 Не проходить
Aa #007753 на #0B351F 2,44:1 Не проходить
Aa #2FBFA4 на #007753 2,42:1 Не проходить
Aa #005634 на #091C12 2,01:1 Не проходить
Aa #007753 на #005634 1,58:1 Не проходить
Aa #2FBFA4 на #099975 1,56:1 Не проходить
Aa #099975 на #007753 1,55:1 Не проходить
Aa #005634 на #0B351F 1,54:1 Не проходить
Aa #0B351F на #091C12 1,30: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 кольори