Реєстрація Реєстрація
Strange Fantasy

Strange Fantasy

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

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

Strange Fantasy

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

Редагувати
Приглушені 9 кольорів Холодні Темні Аналогова simple fantasy gloomy
Вподобання 19
Кольори 9

CSS-змінні

:root {
  --c-muted-1: #0E0D1E;
  --c-muted-2: #0E0C23;
  --c-muted-3: #141227;
  --c-muted-4: #222034;
  --c-muted-5: #302E49;
  --c-muted-6: #0E3D2A;
  --c-muted-7: #275241;
  --c-muted-8: #4B8A71;
  --c-muted-9: #41BE8C;
}

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

Ця приглушена палітра з 9 кольорів охоплює діапазон від Aragon Green (#41BE8C), найсвітлішого тону, до Tristesse (#0E0D1E), найтемнішого. Вона об'єднує Tristesse, Corbeau, Black Velvet, Black Blueberry, Mizukaze Green, Fresh Mint, Molly Robins та Aragon Green в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 9 з них, найконтрастніша — #0E0D1E на #41BE8C (8,19:1).

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

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

Tristesse #0E0D1E
RGB
rgb(14, 13, 30)
HSL
hsl(244, 40%, 8%)
Яскравість
0,005
Tristesse #0E0C23
RGB
rgb(14, 12, 35)
HSL
hsl(245, 49%, 9%)
Яскравість
0,005
Corbeau #141227
RGB
rgb(20, 18, 39)
HSL
hsl(246, 37%, 11%)
Яскравість
0,007
Black Velvet #222034
RGB
rgb(34, 32, 52)
HSL
hsl(246, 24%, 16%)
Яскравість
0,016
Black Blueberry #302E49
RGB
rgb(48, 46, 73)
HSL
hsl(244, 23%, 23%)
Яскравість
0,031
Mizukaze Green #0E3D2A
RGB
rgb(14, 61, 42)
HSL
hsl(156, 63%, 15%)
Яскравість
0,036
Fresh Mint #275241
RGB
rgb(39, 82, 65)
HSL
hsl(156, 36%, 24%)
Яскравість
0,069
Molly Robins #4B8A71
RGB
rgb(75, 138, 113)
HSL
hsl(156, 30%, 42%)
Яскравість
0,209
Aragon Green #41BE8C
RGB
rgb(65, 190, 140)
HSL
hsl(156, 49%, 50%)
Яскравість
0,398

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

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

Aa #0E0D1E на #41BE8C 8,19:1 AAA
Aa #0E0C23 на #41BE8C 8,19:1 AAA
Aa #141227 на #41BE8C 7,83:1 AAA
Aa #222034 на #41BE8C 6,77:1 AA
Aa #302E49 на #41BE8C 5,56:1 AA
Aa #0E3D2A на #41BE8C 5,22:1 AA
Aa #0E0D1E на #4B8A71 4,72:1 AA
Aa #0E0C23 на #4B8A71 4,72:1 AA
Aa #141227 на #4B8A71 4,52:1 AA
Aa #222034 на #4B8A71 3,91:1 AA, великий текст
Aa #275241 на #41BE8C 3,79:1 AA, великий текст
Aa #302E49 на #4B8A71 3,21:1 AA, великий текст
Aa #0E3D2A на #4B8A71 3,01:1 AA, великий текст
Aa #275241 на #4B8A71 2,18:1 Не проходить
Aa #0E0D1E на #275241 2,16:1 Не проходить
Aa #0E0C23 на #275241 2,16:1 Не проходить
Aa #141227 на #275241 2,07:1 Не проходить
Aa #222034 на #275241 1,79:1 Не проходить
Aa #4B8A71 на #41BE8C 1,73:1 Не проходить
Aa #0E0D1E на #0E3D2A 1,57:1 Не проходить
Aa #0E0C23 на #0E3D2A 1,57:1 Не проходить
Aa #141227 на #0E3D2A 1,50:1 Не проходить
Aa #0E0D1E на #302E49 1,47:1 Не проходить
Aa #0E0C23 на #302E49 1,47:1 Не проходить
Aa #302E49 на #275241 1,47:1 Не проходить
Aa #141227 на #302E49 1,41:1 Не проходить
Aa #0E3D2A на #275241 1,38:1 Не проходить
Aa #222034 на #0E3D2A 1,30:1 Не проходить
Aa #222034 на #302E49 1,22:1 Не проходить
Aa #0E0D1E на #222034 1,21:1 Не проходить
Aa #0E0C23 на #222034 1,21:1 Не проходить
Aa #141227 на #222034 1,16:1 Не проходить
Aa #302E49 на #0E3D2A 1,07:1 Не проходить
Aa #0E0D1E на #141227 1,05:1 Не проходить
Aa #0E0C23 на #141227 1,05:1 Не проходить
Aa #0E0D1E на #0E0C23 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 кольори