Реєстрація Реєстрація
POISON CLOUD

POISON CLOUD

Палітра з 12 кольорів · Холодні · Темні · Комплементарна гармонія

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

POISON CLOUD

Палітра з 12 кольорів · Холодні кольори · Темні тони · Комплементарна гармонія

Редагувати
Приглушені 12 кольорів Холодні Темні Комплементарна green blue purple limited
Вподобання 69
Кольори 12

CSS-змінні

:root {
  --c-muted-1: #060628;
  --c-muted-2: #0B1B41;
  --c-muted-3: #143F64;
  --c-muted-4: #18676E;
  --c-muted-5: #27886A;
  --c-muted-6: #3E9E58;
  --c-muted-7: #230628;
  --c-muted-8: #34093B;
  --c-muted-9: #3A1358;
  --c-muted-10: #412374;
  --c-muted-11: #473382;
  --c-muted-12: #4D4697;
}

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

Ця приглушена палітра з 12 кольорів охоплює діапазон від Chateau Green (#3E9E58), найсвітлішого тону, до Mysterious Depths (#060628), найтемнішого. Вона об'єднує Mysterious Depths, Dark Eclipse, Blue Opal, Seamount, Accent Green Blue, Chateau Green, Black Sabbath, Dark Purple, Wicked Purple, Explorer of the Galaxies, Majestic Eggplant та Liberty в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 5 з них, найконтрастніша — #060628 на #3E9E58 (5,86:1).

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

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

Mysterious Depths #060628
RGB
rgb(6, 6, 40)
HSL
hsl(240, 74%, 9%)
Яскравість
0,003
Dark Eclipse #0B1B41
RGB
rgb(11, 27, 65)
HSL
hsl(222, 71%, 15%)
Яскравість
0,012
Blue Opal #143F64
RGB
rgb(20, 63, 100)
HSL
hsl(208, 67%, 24%)
Яскравість
0,046
Seamount #18676E
RGB
rgb(24, 103, 110)
HSL
hsl(185, 64%, 26%)
Яскравість
0,110
Accent Green Blue #27886A
RGB
rgb(39, 136, 106)
HSL
hsl(161, 55%, 34%)
Яскравість
0,191
Chateau Green #3E9E58
RGB
rgb(62, 158, 88)
HSL
hsl(136, 44%, 43%)
Яскравість
0,262
Black Sabbath #230628
RGB
rgb(35, 6, 40)
HSL
hsl(291, 74%, 9%)
Яскравість
0,006
Dark Purple #34093B
RGB
rgb(52, 9, 59)
HSL
hsl(292, 74%, 13%)
Яскравість
0,012
Wicked Purple #3A1358
RGB
rgb(58, 19, 88)
HSL
hsl(274, 64%, 21%)
Яскравість
0,021
Explorer of the Galaxies #412374
RGB
rgb(65, 35, 116)
HSL
hsl(262, 54%, 30%)
Яскравість
0,036
Majestic Eggplant #473382
RGB
rgb(71, 51, 130)
HSL
hsl(255, 44%, 35%)
Яскравість
0,053
Liberty #4D4697
RGB
rgb(77, 70, 151)
HSL
hsl(245, 37%, 43%)
Яскравість
0,082

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

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

Aa #060628 на #3E9E58 5,86:1 AA
Aa #3E9E58 на #230628 5,53:1 AA
Aa #0B1B41 на #3E9E58 5,00:1 AA
Aa #3E9E58 на #34093B 5,00:1 AA
Aa #060628 на #27886A 4,52:1 AA
Aa #3E9E58 на #3A1358 4,41:1 AA, великий текст
Aa #27886A на #230628 4,27:1 AA, великий текст
Aa #0B1B41 на #27886A 3,86:1 AA, великий текст
Aa #27886A на #34093B 3,86:1 AA, великий текст
Aa #3E9E58 на #412374 3,63:1 AA, великий текст
Aa #27886A на #3A1358 3,41:1 AA, великий текст
Aa #143F64 на #3E9E58 3,24:1 AA, великий текст
Aa #3E9E58 на #473382 3,02:1 AA, великий текст
Aa #060628 на #18676E 3,01:1 AA, великий текст
Aa #18676E на #230628 2,84:1 Не проходить
Aa #27886A на #412374 2,80:1 Не проходить
Aa #0B1B41 на #18676E 2,57:1 Не проходить
Aa #18676E на #34093B 2,57:1 Не проходить
Aa #143F64 на #27886A 2,50:1 Не проходить
Aa #060628 на #4D4697 2,48:1 Не проходить
Aa #3E9E58 на #4D4697 2,36:1 Не проходить
Aa #230628 на #4D4697 2,34:1 Не проходить
Aa #27886A на #473382 2,33:1 Не проходить
Aa #18676E на #3A1358 2,27:1 Не проходить
Aa #0B1B41 на #4D4697 2,12:1 Не проходить
Aa #34093B на #4D4697 2,11:1 Не проходить
Aa #18676E на #3E9E58 1,95:1 Не проходить
Aa #060628 на #473382 1,94:1 Не проходить
Aa #18676E на #412374 1,87:1 Не проходить
Aa #3A1358 на #4D4697 1,87:1 Не проходить
Aa #27886A на #4D4697 1,83:1 Не проходить
Aa #230628 на #473382 1,83:1 Не проходить
Aa #060628 на #143F64 1,81:1 Не проходить
Aa #143F64 на #230628 1,71:1 Не проходить
Aa #143F64 на #18676E 1,66:1 Не проходить
Aa #0B1B41 на #473382 1,65:1 Не проходить
Aa #34093B на #473382 1,65:1 Не проходить
Aa #060628 на #412374 1,61:1 Не проходить
Aa #18676E на #473382 1,55:1 Не проходить
Aa #0B1B41 на #143F64 1,54:1 Не проходить
Aa #143F64 на #34093B 1,54:1 Не проходить
Aa #412374 на #4D4697 1,54:1 Не проходить
Aa #230628 на #412374 1,52:1 Не проходить
Aa #18676E на #27886A 1,50:1 Не проходить
Aa #3A1358 на #473382 1,46:1 Не проходить
Aa #0B1B41 на #412374 1,38:1 Не проходить
Aa #34093B на #412374 1,38:1 Не проходить
Aa #143F64 на #4D4697 1,37:1 Не проходить
Aa #143F64 на #3A1358 1,36:1 Не проходить
Aa #060628 на #3A1358 1,33:1 Не проходить
Aa #27886A на #3E9E58 1,29:1 Не проходить
Aa #473382 на #4D4697 1,28:1 Не проходить
Aa #230628 на #3A1358 1,25:1 Не проходить
Aa #18676E на #4D4697 1,21:1 Не проходить
Aa #3A1358 на #412374 1,21:1 Не проходить
Aa #412374 на #473382 1,20:1 Не проходить
Aa #060628 на #0B1B41 1,17:1 Не проходить
Aa #060628 на #34093B 1,17:1 Не проходить
Aa #0B1B41 на #3A1358 1,13:1 Не проходить
Aa #34093B на #3A1358 1,13:1 Не проходить
Aa #143F64 на #412374 1,12:1 Не проходить
Aa #0B1B41 на #230628 1,11:1 Не проходить
Aa #230628 на #34093B 1,11:1 Не проходить
Aa #143F64 на #473382 1,07:1 Не проходить
Aa #060628 на #230628 1,06:1 Не проходить
Aa #0B1B41 на #34093B 1,00: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 кольори