Реєстрація Реєстрація
TY Alien World 7

TY Alien World 7

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

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

TY Alien World 7

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

Редагувати
Яскраві 7 кольорів Холодні Темні Комплементарна futuristic space scifi alien
Вподобання 12
Кольори 7

CSS-змінні

:root {
  --c-vibrant-1: #C8FF61;
  --c-vibrant-2: #30CBB2;
  --c-vibrant-3: #1F9A40;
  --c-vibrant-4: #10646D;
  --c-vibrant-5: #2D455E;
  --c-vibrant-6: #173924;
  --c-vibrant-7: #050B33;
}

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

Ця яскрава палітра з 7 кольорів охоплює діапазон від Pear Spritz (#C8FF61), найсвітлішого тону, до Infinite Night (#050B33), найтемнішого. Вона об'єднує Pear Spritz, Swimmers Pool, Gangly Gremlin, Seamount, Indigo Streamer, Deep Fir та Infinite Night в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 21. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 8 з них, найконтрастніша — #C8FF61 на #050B33 (16,27:1).

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

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

Pear Spritz #C8FF61
RGB
rgb(200, 255, 97)
HSL
hsl(81, 100%, 69%)
Яскравість
0,847
Swimmers Pool #30CBB2
RGB
rgb(48, 203, 178)
HSL
hsl(170, 62%, 49%)
Яскравість
0,466
Gangly Gremlin #1F9A40
RGB
rgb(31, 154, 64)
HSL
hsl(136, 66%, 36%)
Яскравість
0,238
Seamount #10646D
RGB
rgb(16, 100, 109)
HSL
hsl(186, 74%, 25%)
Яскравість
0,103
Indigo Streamer #2D455E
RGB
rgb(45, 69, 94)
HSL
hsl(211, 35%, 27%)
Яскравість
0,056
Deep Fir #173924
RGB
rgb(23, 57, 36)
HSL
hsl(143, 43%, 16%)
Яскравість
0,032
Infinite Night #050B33
RGB
rgb(5, 11, 51)
HSL
hsl(232, 82%, 11%)
Яскравість
0,005

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

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

Aa #C8FF61 на #050B33 16,27:1 AAA
Aa #C8FF61 на #173924 10,89:1 AAA
Aa #30CBB2 на #050B33 9,36:1 AAA
Aa #C8FF61 на #2D455E 8,44:1 AAA
Aa #30CBB2 на #173924 6,26:1 AA
Aa #C8FF61 на #10646D 5,85:1 AA
Aa #1F9A40 на #050B33 5,22:1 AA
Aa #30CBB2 на #2D455E 4,85:1 AA
Aa #1F9A40 на #173924 3,49:1 AA, великий текст
Aa #30CBB2 на #10646D 3,36:1 AA, великий текст
Aa #C8FF61 на #1F9A40 3,12:1 AA, великий текст
Aa #10646D на #050B33 2,78:1 Не проходить
Aa #1F9A40 на #2D455E 2,71:1 Не проходить
Aa #2D455E на #050B33 1,93:1 Не проходить
Aa #1F9A40 на #10646D 1,88:1 Не проходить
Aa #10646D на #173924 1,86:1 Не проходить
Aa #30CBB2 на #1F9A40 1,79:1 Не проходить
Aa #C8FF61 на #30CBB2 1,74:1 Не проходить
Aa #173924 на #050B33 1,49:1 Не проходить
Aa #10646D на #2D455E 1,44:1 Не проходить
Aa #2D455E на #173924 1,29: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 кольори