Реєстрація Реєстрація
Watermelon 21

Watermelon 21

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

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

Watermelon 21

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

Редагувати
Яскраві 12 кольорів Теплі Змішані Тріадна cute happy summer fruit
Вподобання 10
Кольори 12

CSS-змінні

:root {
  --c-vibrant-1: #EE0E66;
  --c-vibrant-2: #F25290;
  --c-vibrant-3: #FA9ABF;
  --c-vibrant-4: #FCE7F0;
  --c-vibrant-5: #F3DAA4;
  --c-vibrant-6: #A7B363;
  --c-vibrant-7: #808B2D;
  --c-vibrant-8: #397E09;
  --c-vibrant-9: #3F854F;
  --c-vibrant-10: #E9FAFE;
  --c-vibrant-11: #C4F9FD;
  --c-vibrant-12: #97C8CF;
}

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

Ця яскрава палітра з 12 кольорів охоплює діапазон від Placebo Sky (#E9FAFE), найсвітлішого тону, до Green People (#397E09), найтемнішого. Вона об'єднує Borderline Pink, Pansy, Pastel Magenta, Cherubic, Double Cream, Cornstalk, Absinthe Dreams, Green People, Imperial Green, Placebo Sky, Thin Air та Adriatic Haze в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходить 1 з них, найконтрастніша — #397E09 на #E9FAFE (4,7:1).

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

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

Borderline Pink #EE0E66
RGB
rgb(238, 14, 102)
HSL
hsl(336, 89%, 49%)
Яскравість
0,195
Pansy #F25290
RGB
rgb(242, 82, 144)
HSL
hsl(337, 86%, 64%)
Яскравість
0,269
Pastel Magenta #FA9ABF
RGB
rgb(250, 154, 191)
HSL
hsl(337, 91%, 79%)
Яскравість
0,472
Cherubic #FCE7F0
RGB
rgb(252, 231, 240)
HSL
hsl(334, 78%, 95%)
Яскравість
0,841
Double Cream #F3DAA4
RGB
rgb(243, 218, 164)
HSL
hsl(41, 77%, 80%)
Яскравість
0,719
Cornstalk #A7B363
RGB
rgb(167, 179, 99)
HSL
hsl(69, 34%, 55%)
Яскравість
0,414
Absinthe Dreams #808B2D
RGB
rgb(128, 139, 45)
HSL
hsl(67, 51%, 36%)
Яскравість
0,232
Green People #397E09
RGB
rgb(57, 126, 9)
HSL
hsl(95, 87%, 26%)
Яскравість
0,158
Imperial Green #3F854F
RGB
rgb(63, 133, 79)
HSL
hsl(134, 36%, 38%)
Яскравість
0,184
Placebo Sky #E9FAFE
RGB
rgb(233, 250, 254)
HSL
hsl(191, 91%, 95%)
Яскравість
0,929
Thin Air #C4F9FD
RGB
rgb(196, 249, 253)
HSL
hsl(184, 93%, 88%)
Яскравість
0,866
Adriatic Haze #97C8CF
RGB
rgb(151, 200, 207)
HSL
hsl(188, 37%, 70%)
Яскравість
0,524

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

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

Aa #397E09 на #E9FAFE 4,70:1 AA
Aa #397E09 на #C4F9FD 4,40:1 AA, великий текст
Aa #FCE7F0 на #397E09 4,28:1 AA, великий текст
Aa #3F854F на #E9FAFE 4,18:1 AA, великий текст
Aa #EE0E66 на #E9FAFE 4,00:1 AA, великий текст
Aa #3F854F на #C4F9FD 3,91:1 AA, великий текст
Aa #FCE7F0 на #3F854F 3,81:1 AA, великий текст
Aa #EE0E66 на #C4F9FD 3,75:1 AA, великий текст
Aa #F3DAA4 на #397E09 3,69:1 AA, великий текст
Aa #EE0E66 на #FCE7F0 3,65:1 AA, великий текст
Aa #808B2D на #E9FAFE 3,46:1 AA, великий текст
Aa #F3DAA4 на #3F854F 3,29:1 AA, великий текст
Aa #808B2D на #C4F9FD 3,24:1 AA, великий текст
Aa #FCE7F0 на #808B2D 3,16:1 AA, великий текст
Aa #EE0E66 на #F3DAA4 3,14:1 AA, великий текст
Aa #F25290 на #E9FAFE 3,06:1 AA, великий текст
Aa #F25290 на #C4F9FD 2,87:1 Не проходить
Aa #F25290 на #FCE7F0 2,79:1 Не проходить
Aa #397E09 на #97C8CF 2,76:1 Не проходить
Aa #F3DAA4 на #808B2D 2,72:1 Не проходить
Aa #FA9ABF на #397E09 2,51:1 Не проходить
Aa #3F854F на #97C8CF 2,45:1 Не проходить
Aa #F25290 на #F3DAA4 2,41:1 Не проходить
Aa #EE0E66 на #97C8CF 2,35:1 Не проходить
Aa #FA9ABF на #3F854F 2,23:1 Не проходить
Aa #A7B363 на #397E09 2,23:1 Не проходить
Aa #EE0E66 на #FA9ABF 2,13:1 Не проходить
Aa #A7B363 на #E9FAFE 2,11:1 Не проходить
Aa #808B2D на #97C8CF 2,03:1 Не проходить
Aa #A7B363 на #3F854F 1,98:1 Не проходить
Aa #A7B363 на #C4F9FD 1,98:1 Не проходить
Aa #FCE7F0 на #A7B363 1,92:1 Не проходить
Aa #EE0E66 на #A7B363 1,90:1 Не проходить
Aa #FA9ABF на #E9FAFE 1,87:1 Не проходить
Aa #FA9ABF на #808B2D 1,85:1 Не проходить
Aa #F25290 на #97C8CF 1,80:1 Не проходить
Aa #FA9ABF на #C4F9FD 1,75:1 Не проходить
Aa #FA9ABF на #FCE7F0 1,71:1 Не проходить
Aa #E9FAFE на #97C8CF 1,70:1 Не проходить
Aa #F3DAA4 на #A7B363 1,66:1 Не проходить
Aa #A7B363 на #808B2D 1,64:1 Не проходить
Aa #F25290 на #FA9ABF 1,63:1 Не проходить
Aa #C4F9FD на #97C8CF 1,60:1 Не проходить
Aa #FCE7F0 на #97C8CF 1,55:1 Не проходить
Aa #F25290 на #397E09 1,53:1 Не проходить
Aa #FA9ABF на #F3DAA4 1,47:1 Не проходить
Aa #F25290 на #A7B363 1,45:1 Не проходить
Aa #F25290 на #3F854F 1,36:1 Не проходить
Aa #808B2D на #397E09 1,36:1 Не проходить
Aa #F3DAA4 на #97C8CF 1,34:1 Не проходить
Aa #EE0E66 на #F25290 1,31:1 Не проходить
Aa #F3DAA4 на #E9FAFE 1,27:1 Не проходить
Aa #A7B363 на #97C8CF 1,24:1 Не проходить
Aa #808B2D на #3F854F 1,21:1 Не проходить
Aa #F3DAA4 на #C4F9FD 1,19:1 Не проходить
Aa #EE0E66 на #397E09 1,17:1 Не проходить
Aa #EE0E66 на #808B2D 1,16:1 Не проходить
Aa #FCE7F0 на #F3DAA4 1,16:1 Не проходить
Aa #F25290 на #808B2D 1,13:1 Не проходить
Aa #FA9ABF на #A7B363 1,13:1 Не проходить
Aa #397E09 на #3F854F 1,12:1 Не проходить
Aa #FA9ABF на #97C8CF 1,10:1 Не проходить
Aa #FCE7F0 на #E9FAFE 1,10:1 Не проходить
Aa #E9FAFE на #C4F9FD 1,07:1 Не проходить
Aa #EE0E66 на #3F854F 1,05:1 Не проходить
Aa #FCE7F0 на #C4F9FD 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 кольори