Реєстрація Реєстрація
Seagull 8

Seagull 8

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

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

Seagull 8

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

Редагувати
Яскраві 8 кольорів Холодні Змішані Комплементарна 8 sea groxguy gull
Вподобання 22
Кольори 8

CSS-змінні

:root {
  --c-vibrant-1: #11131E;
  --c-vibrant-2: #4A5381;
  --c-vibrant-3: #60CAF7;
  --c-vibrant-4: #F9FAFF;
  --c-vibrant-5: #338E4A;
  --c-vibrant-6: #80350E;
  --c-vibrant-7: #CC9D57;
  --c-vibrant-8: #F9B62F;
}

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

Ця яскрава палітра з 8 кольорів охоплює діапазон від Wash Me (#F9FAFF), найсвітлішого тону, до Kuroi Black (#11131E), найтемнішого. Вона об'єднує Kuroi Black, Mozart, Skyan, Wash Me, Wild Forest, Rogan Josh, Liddell та NYC Taxi в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 9 з них, найконтрастніша — #11131E на #F9FAFF (17,74:1).

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

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

Kuroi Black #11131E
RGB
rgb(17, 19, 30)
HSL
hsl(231, 28%, 9%)
Яскравість
0,007
Mozart #4A5381
RGB
rgb(74, 83, 129)
HSL
hsl(230, 27%, 40%)
Яскравість
0,092
Skyan #60CAF7
RGB
rgb(96, 202, 247)
HSL
hsl(198, 90%, 67%)
Яскравість
0,514
Wash Me #F9FAFF
RGB
rgb(249, 250, 255)
HSL
hsl(230, 100%, 99%)
Яскравість
0,957
Wild Forest #338E4A
RGB
rgb(51, 142, 74)
HSL
hsl(135, 47%, 38%)
Яскравість
0,205
Rogan Josh #80350E
RGB
rgb(128, 53, 14)
HSL
hsl(21, 80%, 28%)
Яскравість
0,072
Liddell #CC9D57
RGB
rgb(204, 157, 87)
HSL
hsl(36, 53%, 57%)
Яскравість
0,376
NYC Taxi #F9B62F
RGB
rgb(249, 182, 47)
HSL
hsl(40, 94%, 58%)
Яскравість
0,538

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

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

Aa #11131E на #F9FAFF 17,74:1 AAA
Aa #11131E на #F9B62F 10,35:1 AAA
Aa #11131E на #60CAF7 9,94:1 AAA
Aa #F9FAFF на #80350E 8,28:1 AAA
Aa #11131E на #CC9D57 7,51:1 AAA
Aa #4A5381 на #F9FAFF 7,08:1 AAA
Aa #80350E на #F9B62F 4,83:1 AA
Aa #60CAF7 на #80350E 4,64:1 AA
Aa #11131E на #338E4A 4,50:1 AA
Aa #4A5381 на #F9B62F 4,13:1 AA, великий текст
Aa #4A5381 на #60CAF7 3,97:1 AA, великий текст
Aa #F9FAFF на #338E4A 3,94:1 AA, великий текст
Aa #80350E на #CC9D57 3,50:1 AA, великий текст
Aa #4A5381 на #CC9D57 3,00:1 AA, великий текст
Aa #11131E на #4A5381 2,51:1 Не проходить
Aa #F9FAFF на #CC9D57 2,36:1 Не проходить
Aa #338E4A на #F9B62F 2,30:1 Не проходить
Aa #60CAF7 на #338E4A 2,21:1 Не проходить
Aa #11131E на #80350E 2,14:1 Не проходить
Aa #338E4A на #80350E 2,10:1 Не проходить
Aa #4A5381 на #338E4A 1,80:1 Не проходить
Aa #60CAF7 на #F9FAFF 1,78:1 Не проходить
Aa #F9FAFF на #F9B62F 1,71:1 Не проходить
Aa #338E4A на #CC9D57 1,67:1 Не проходить
Aa #CC9D57 на #F9B62F 1,38:1 Не проходить
Aa #60CAF7 на #CC9D57 1,32:1 Не проходить
Aa #4A5381 на #80350E 1,17:1 Не проходить
Aa #60CAF7 на #F9B62F 1,04:1 Не проходить

Схожі палітри

#222831 #393E46 #00ADB5 #EEEEEE
4 кольори
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 кольори
#1B262C #0F4C75 #3282B8 #BBE1FA
4 кольори
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 кольори
#27374D #526D82 #9DB2BF #DDE6ED
4 кольори
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 кольори
#E4F9F5 #30E3CA #11999E #40514E
4 кольори
#F0F5F9 #C9D6DF #52616B #1E2022
4 кольори