Реєстрація Реєстрація
Verdant Deep Woods

Verdant Deep Woods

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

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

Verdant Deep Woods

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

Редагувати
Приглушені 9 кольорів Холодні Темні Аналогова green forest nature plants
Вподобання 104
Кольори 9

CSS-змінні

:root {
  --c-muted-1: #000C2C;
  --c-muted-2: #001D37;
  --c-muted-3: #003645;
  --c-muted-4: #005858;
  --c-muted-5: #00755C;
  --c-muted-6: #039A5D;
  --c-muted-7: #15BD5E;
  --c-muted-8: #00D459;
  --c-muted-9: #66F390;
}

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

Ця приглушена палітра з 9 кольорів охоплює діапазон від Grotesque Green (#66F390), найсвітлішого тону, до Mysterious Depths (#000C2C), найтемнішого. Вона об'єднує Mysterious Depths, Naval Night, Crowberry Blue, Deep Teal, Tropical Rainforest, Shamrock, Intoxicate, Alienated та Grotesque Green в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 12 з них, найконтрастніша — #000C2C на #66F390 (13,58:1).

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

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

Mysterious Depths #000C2C
RGB
rgb(0, 12, 44)
HSL
hsl(224, 100%, 9%)
Яскравість
0,004
Naval Night #001D37
RGB
rgb(0, 29, 55)
HSL
hsl(208, 100%, 11%)
Яскравість
0,012
Crowberry Blue #003645
RGB
rgb(0, 54, 69)
HSL
hsl(193, 100%, 14%)
Яскравість
0,031
Deep Teal #005858
RGB
rgb(0, 88, 88)
HSL
hsl(180, 100%, 17%)
Яскравість
0,077
Tropical Rainforest #00755C
RGB
rgb(0, 117, 92)
HSL
hsl(167, 100%, 23%)
Яскравість
0,135
Shamrock #039A5D
RGB
rgb(3, 154, 93)
HSL
hsl(156, 96%, 31%)
Яскравість
0,239
Intoxicate #15BD5E
RGB
rgb(21, 189, 94)
HSL
hsl(146, 80%, 41%)
Яскравість
0,374
Alienated #00D459
RGB
rgb(0, 212, 89)
HSL
hsl(145, 100%, 42%)
Яскравість
0,478
Grotesque Green #66F390
RGB
rgb(102, 243, 144)
HSL
hsl(138, 85%, 68%)
Яскравість
0,689

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

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

Aa #000C2C на #66F390 13,58:1 AAA
Aa #001D37 на #66F390 12,01:1 AAA
Aa #000C2C на #00D459 9,70:1 AAA
Aa #003645 на #66F390 9,16:1 AAA
Aa #001D37 на #00D459 8,58:1 AAA
Aa #000C2C на #15BD5E 7,78:1 AAA
Aa #001D37 на #15BD5E 6,88:1 AA
Aa #003645 на #00D459 6,55:1 AA
Aa #005858 на #66F390 5,83:1 AA
Aa #000C2C на #039A5D 5,31:1 AA
Aa #003645 на #15BD5E 5,25:1 AA
Aa #001D37 на #039A5D 4,70:1 AA
Aa #005858 на #00D459 4,16:1 AA, великий текст
Aa #00755C на #66F390 4,00:1 AA, великий текст
Aa #003645 на #039A5D 3,58:1 AA, великий текст
Aa #000C2C на #00755C 3,40:1 AA, великий текст
Aa #005858 на #15BD5E 3,34:1 AA, великий текст
Aa #001D37 на #00755C 3,01:1 AA, великий текст
Aa #00755C на #00D459 2,86:1 Не проходить
Aa #039A5D на #66F390 2,56:1 Не проходить
Aa #000C2C на #005858 2,33:1 Не проходить
Aa #003645 на #00755C 2,29:1 Не проходить
Aa #00755C на #15BD5E 2,29:1 Не проходить
Aa #005858 на #039A5D 2,28:1 Не проходить
Aa #001D37 на #005858 2,06:1 Не проходить
Aa #039A5D на #00D459 1,83:1 Не проходить
Aa #15BD5E на #66F390 1,75:1 Не проходить
Aa #003645 на #005858 1,57:1 Не проходить
Aa #00755C на #039A5D 1,56:1 Не проходить
Aa #000C2C на #003645 1,48:1 Не проходить
Aa #005858 на #00755C 1,46:1 Не проходить
Aa #039A5D на #15BD5E 1,46:1 Не проходить
Aa #00D459 на #66F390 1,40:1 Не проходить
Aa #001D37 на #003645 1,31:1 Не проходить
Aa #15BD5E на #00D459 1,25:1 Не проходить
Aa #000C2C на #001D37 1,13: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 кольори