Реєстрація Реєстрація
Wave

Wave

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

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

Wave

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

Редагувати
Яскраві 6 кольорів Теплі Змішані Комплементарна orange red blue brown
Вподобання 55
Кольори 6

CSS-змінні

:root {
  --c-vibrant-1: #67B5FF;
  --c-vibrant-2: #D2D5C1;
  --c-vibrant-3: #CD7C30;
  --c-vibrant-4: #B4401C;
  --c-vibrant-5: #6C3B2C;
  --c-vibrant-6: #610316;
}

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

Ця яскрава палітра з 6 кольорів охоплює діапазон від White Sage (#D2D5C1), найсвітлішого тону, до Darkest Dungeon (#610316), найтемнішого. Вона об'єднує Tiān Lán Sky, White Sage, Polished Bronze, Crimson Blaze, Red Mane та Darkest Dungeon в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 15. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 3 з них, найконтрастніша — #D2D5C1 на #610316 (9,15:1).

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

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

Tiān Lán Sky #67B5FF
RGB
rgb(103, 181, 255)
HSL
hsl(209, 100%, 70%)
Яскравість
0,432
White Sage #D2D5C1
RGB
rgb(210, 213, 193)
HSL
hsl(69, 19%, 80%)
Яскравість
0,651
Polished Bronze #CD7C30
RGB
rgb(205, 124, 48)
HSL
hsl(29, 62%, 50%)
Яскравість
0,276
Crimson Blaze #B4401C
RGB
rgb(180, 64, 28)
HSL
hsl(14, 73%, 41%)
Яскравість
0,135
Red Mane #6C3B2C
RGB
rgb(108, 59, 44)
HSL
hsl(14, 42%, 30%)
Яскравість
0,065
Darkest Dungeon #610316
RGB
rgb(97, 3, 22)
HSL
hsl(348, 94%, 20%)
Яскравість
0,027

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

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

Aa #D2D5C1 на #610316 9,15:1 AAA
Aa #67B5FF на #610316 6,28:1 AA
Aa #D2D5C1 на #6C3B2C 6,10:1 AA
Aa #CD7C30 на #610316 4,25:1 AA, великий текст
Aa #67B5FF на #6C3B2C 4,19:1 AA, великий текст
Aa #D2D5C1 на #B4401C 3,80:1 AA, великий текст
Aa #CD7C30 на #6C3B2C 2,84:1 Не проходить
Aa #67B5FF на #B4401C 2,61:1 Не проходить
Aa #B4401C на #610316 2,41:1 Не проходить
Aa #D2D5C1 на #CD7C30 2,15:1 Не проходить
Aa #CD7C30 на #B4401C 1,77:1 Не проходить
Aa #B4401C на #6C3B2C 1,60:1 Не проходить
Aa #6C3B2C на #610316 1,50:1 Не проходить
Aa #67B5FF на #CD7C30 1,48:1 Не проходить
Aa #67B5FF на #D2D5C1 1,46:1 Не проходить

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

#F9ED69 #F08A5D #B83B5E #6A2C70
4 кольори
#7D5A50 #B4846C #E5B299 #FCDEC0
4 кольори
#FFF8EA #9E7676 #815B5B #594545
4 кольори
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 кольори
#F67280 #C06C84 #6C5B7B #355C7D
4 кольори
#2B2E4A #E84545 #903749 #53354A
4 кольори
#E5D9B6 #A4BE7B #5F8D4E #285430
4 кольори
#A9907E #F3DEBA #ABC4AA #675D50
4 кольори