Реєстрація Реєстрація
Sea&lava

Sea&lava

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

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

Sea&lava

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

Редагувати
Яскраві 9 кольорів Теплі Змішані Комплементарна vibrant colorful tropical sealava
Вподобання 25
Кольори 9

CSS-змінні

:root {
  --c-vibrant-1: #105189;
  --c-vibrant-2: #3C7C9A;
  --c-vibrant-3: #6EA096;
  --c-vibrant-4: #BEAE64;
  --c-vibrant-5: #FFBC42;
  --c-vibrant-6: #F69248;
  --c-vibrant-7: #EB5B42;
  --c-vibrant-8: #CB203C;
  --c-vibrant-9: #891545;
}

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

Ця яскрава палітра з 9 кольорів охоплює діапазон від Pale Marigold (#FFBC42), найсвітлішого тону, до Akuma’s Fury (#891545), найтемнішого. Вона об'єднує Lake Baikal, Blue Dart Frog, Jade Dragon, Riesling Grape, Pale Marigold, Fall River, Opal Flame, Karakurenai Red та Akuma’s Fury в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 2 з них, найконтрастніша — #FFBC42 на #891545 (5,55:1).

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

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

Lake Baikal #105189
RGB
rgb(16, 81, 137)
HSL
hsl(208, 79%, 30%)
Яскравість
0,078
Blue Dart Frog #3C7C9A
RGB
rgb(60, 124, 154)
HSL
hsl(199, 44%, 42%)
Яскравість
0,177
Jade Dragon #6EA096
RGB
rgb(110, 160, 150)
HSL
hsl(168, 21%, 53%)
Яскравість
0,307
Riesling Grape #BEAE64
RGB
rgb(190, 174, 100)
HSL
hsl(49, 41%, 57%)
Яскравість
0,421
Pale Marigold #FFBC42
RGB
rgb(255, 188, 66)
HSL
hsl(39, 100%, 63%)
Яскравість
0,576
Fall River #F69248
RGB
rgb(246, 146, 72)
HSL
hsl(26, 91%, 62%)
Яскравість
0,406
Opal Flame #EB5B42
RGB
rgb(235, 91, 66)
HSL
hsl(9, 81%, 59%)
Яскравість
0,255
Karakurenai Red #CB203C
RGB
rgb(203, 32, 60)
HSL
hsl(350, 73%, 46%)
Яскравість
0,141
Akuma’s Fury #891545
RGB
rgb(137, 21, 69)
HSL
hsl(335, 73%, 31%)
Яскравість
0,063

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

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

Aa #FFBC42 на #891545 5,55:1 AA
Aa #105189 на #FFBC42 4,89:1 AA
Aa #BEAE64 на #891545 4,18:1 AA, великий текст
Aa #F69248 на #891545 4,04:1 AA, великий текст
Aa #105189 на #BEAE64 3,68:1 AA, великий текст
Aa #105189 на #F69248 3,56:1 AA, великий текст
Aa #FFBC42 на #CB203C 3,29:1 AA, великий текст
Aa #6EA096 на #891545 3,16:1 AA, великий текст
Aa #105189 на #6EA096 2,79:1 Не проходить
Aa #3C7C9A на #FFBC42 2,76:1 Не проходить
Aa #EB5B42 на #891545 2,71:1 Не проходить
Aa #BEAE64 на #CB203C 2,47:1 Не проходить
Aa #105189 на #EB5B42 2,39:1 Не проходить
Aa #F69248 на #CB203C 2,39:1 Не проходить
Aa #3C7C9A на #BEAE64 2,08:1 Не проходить
Aa #FFBC42 на #EB5B42 2,05:1 Не проходить
Aa #3C7C9A на #F69248 2,01:1 Не проходить
Aa #3C7C9A на #891545 2,01:1 Не проходить
Aa #6EA096 на #CB203C 1,87:1 Не проходить
Aa #105189 на #3C7C9A 1,77:1 Не проходить
Aa #6EA096 на #FFBC42 1,76:1 Не проходить
Aa #CB203C на #891545 1,69:1 Не проходить
Aa #EB5B42 на #CB203C 1,60:1 Не проходить
Aa #3C7C9A на #6EA096 1,57:1 Не проходить
Aa #BEAE64 на #EB5B42 1,54:1 Не проходить
Aa #105189 на #CB203C 1,49:1 Не проходить
Aa #F69248 на #EB5B42 1,49:1 Не проходить
Aa #FFBC42 на #F69248 1,37:1 Не проходить
Aa #3C7C9A на #EB5B42 1,34:1 Не проходить
Aa #BEAE64 на #FFBC42 1,33:1 Не проходить
Aa #6EA096 на #BEAE64 1,32:1 Не проходить
Aa #6EA096 на #F69248 1,28:1 Не проходить
Aa #3C7C9A на #CB203C 1,19:1 Не проходить
Aa #6EA096 на #EB5B42 1,17:1 Не проходить
Aa #105189 на #891545 1,13:1 Не проходить
Aa #BEAE64 на #F69248 1,03: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 кольори