Реєстрація Реєстрація
HK Between Essence

HK Between Essence

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

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

HK Between Essence

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

Редагувати
Пастельні 12 кольорів Холодні Світлі Комплементарна green purple pastel cool
Вподобання 24
Кольори 12

CSS-змінні

:root {
  --c-pastel-1: #E4FBEA;
  --c-pastel-2: #CAF6F2;
  --c-pastel-3: #B9D3E8;
  --c-pastel-4: #C2B4D6;
  --c-pastel-5: #BD99B6;
  --c-pastel-6: #AE9EA9;
  --c-pastel-7: #94A887;
  --c-pastel-8: #89AE73;
  --c-pastel-9: #69AC94;
  --c-pastel-10: #55A5C9;
  --c-pastel-11: #5D72BA;
  --c-pastel-12: #794875;
}

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

Ця пастельна палітра з 12 кольорів охоплює діапазон від Winter Mist (#E4FBEA), найсвітлішого тону, до Purple Passion (#794875), найтемнішого. Вона об'єднує Winter Mist, Tinted Ice, Light Sea Cliff, Plumeria, Dripping Wisteria, Symbolic, Zucchini Cream, Sage, Calmness, Estero Sky, Gladiola Blue та Purple Passion в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 3 з них, найконтрастніша — #E4FBEA на #794875 (6,44:1).

М'які, малонасичені тони — ідеальні для весільних сайтів, дитячих брендів, ніжних hero-секцій і редакційних макетів із великою кількістю повітря.

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

Winter Mist #E4FBEA
RGB
rgb(228, 251, 234)
HSL
hsl(136, 74%, 94%)
Яскравість
0,914
Tinted Ice #CAF6F2
RGB
rgb(202, 246, 242)
HSL
hsl(175, 71%, 88%)
Яскравість
0,849
Light Sea Cliff #B9D3E8
RGB
rgb(185, 211, 232)
HSL
hsl(207, 51%, 82%)
Яскравість
0,627
Plumeria #C2B4D6
RGB
rgb(194, 180, 214)
HSL
hsl(265, 29%, 77%)
Яскравість
0,490
Dripping Wisteria #BD99B6
RGB
rgb(189, 153, 182)
HSL
hsl(312, 21%, 67%)
Яскравість
0,370
Symbolic #AE9EA9
RGB
rgb(174, 158, 169)
HSL
hsl(319, 9%, 65%)
Яскравість
0,363
Zucchini Cream #94A887
RGB
rgb(148, 168, 135)
HSL
hsl(96, 16%, 59%)
Яскравість
0,361
Sage #89AE73
RGB
rgb(137, 174, 115)
HSL
hsl(98, 27%, 57%)
Яскравість
0,368
Calmness #69AC94
RGB
rgb(105, 172, 148)
HSL
hsl(159, 29%, 54%)
Яскравість
0,347
Estero Sky #55A5C9
RGB
rgb(85, 165, 201)
HSL
hsl(199, 52%, 56%)
Яскравість
0,331
Gladiola Blue #5D72BA
RGB
rgb(93, 114, 186)
HSL
hsl(226, 40%, 55%)
Яскравість
0,179
Purple Passion #794875
RGB
rgb(121, 72, 117)
HSL
hsl(305, 25%, 38%)
Яскравість
0,100

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

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

Aa #E4FBEA на #794875 6,44:1 AA
Aa #CAF6F2 на #794875 6,00:1 AA
Aa #B9D3E8 на #794875 4,52:1 AA
Aa #E4FBEA на #5D72BA 4,21:1 AA, великий текст
Aa #CAF6F2 на #5D72BA 3,92:1 AA, великий текст
Aa #C2B4D6 на #794875 3,60:1 AA, великий текст
Aa #B9D3E8 на #5D72BA 2,96:1 Не проходить
Aa #BD99B6 на #794875 2,80:1 Не проходить
Aa #89AE73 на #794875 2,79:1 Не проходить
Aa #AE9EA9 на #794875 2,76:1 Не проходить
Aa #94A887 на #794875 2,74:1 Не проходить
Aa #69AC94 на #794875 2,65:1 Не проходить
Aa #55A5C9 на #794875 2,54:1 Не проходить
Aa #E4FBEA на #55A5C9 2,53:1 Не проходить
Aa #E4FBEA на #69AC94 2,43:1 Не проходить
Aa #CAF6F2 на #55A5C9 2,36:1 Не проходить
Aa #C2B4D6 на #5D72BA 2,36:1 Не проходить
Aa #E4FBEA на #94A887 2,35:1 Не проходить
Aa #E4FBEA на #AE9EA9 2,33:1 Не проходить
Aa #E4FBEA на #89AE73 2,31:1 Не проходить
Aa #E4FBEA на #BD99B6 2,30:1 Не проходить
Aa #CAF6F2 на #69AC94 2,27:1 Не проходить
Aa #CAF6F2 на #94A887 2,19:1 Не проходить
Aa #CAF6F2 на #AE9EA9 2,18:1 Не проходить
Aa #CAF6F2 на #89AE73 2,15:1 Не проходить
Aa #CAF6F2 на #BD99B6 2,14:1 Не проходить
Aa #BD99B6 на #5D72BA 1,83:1 Не проходить
Aa #89AE73 на #5D72BA 1,83:1 Не проходить
Aa #AE9EA9 на #5D72BA 1,80:1 Не проходить
Aa #E4FBEA на #C2B4D6 1,79:1 Не проходить
Aa #94A887 на #5D72BA 1,79:1 Не проходить
Aa #B9D3E8 на #55A5C9 1,78:1 Не проходить
Aa #69AC94 на #5D72BA 1,73:1 Не проходить
Aa #B9D3E8 на #69AC94 1,71:1 Не проходить
Aa #CAF6F2 на #C2B4D6 1,67:1 Не проходить
Aa #55A5C9 на #5D72BA 1,66:1 Не проходить
Aa #B9D3E8 на #94A887 1,65:1 Не проходить
Aa #B9D3E8 на #AE9EA9 1,64:1 Не проходить
Aa #B9D3E8 на #89AE73 1,62:1 Не проходить
Aa #B9D3E8 на #BD99B6 1,61:1 Не проходить
Aa #5D72BA на #794875 1,53:1 Не проходить
Aa #E4FBEA на #B9D3E8 1,42:1 Не проходить
Aa #C2B4D6 на #55A5C9 1,42:1 Не проходить
Aa #C2B4D6 на #69AC94 1,36:1 Не проходить
Aa #CAF6F2 на #B9D3E8 1,33:1 Не проходить
Aa #C2B4D6 на #AE9EA9 1,31:1 Не проходить
Aa #C2B4D6 на #94A887 1,31:1 Не проходить
Aa #C2B4D6 на #BD99B6 1,29:1 Не проходить
Aa #C2B4D6 на #89AE73 1,29:1 Не проходить
Aa #B9D3E8 на #C2B4D6 1,26:1 Не проходить
Aa #BD99B6 на #55A5C9 1,10:1 Не проходить
Aa #89AE73 на #55A5C9 1,10:1 Не проходить
Aa #AE9EA9 на #55A5C9 1,09:1 Не проходить
Aa #94A887 на #55A5C9 1,08:1 Не проходить
Aa #E4FBEA на #CAF6F2 1,07:1 Не проходить
Aa #BD99B6 на #69AC94 1,06:1 Не проходить
Aa #89AE73 на #69AC94 1,06:1 Не проходить
Aa #AE9EA9 на #69AC94 1,04:1 Не проходить
Aa #94A887 на #69AC94 1,04:1 Не проходить
Aa #69AC94 на #55A5C9 1,04:1 Не проходить
Aa #BD99B6 на #AE9EA9 1,02:1 Не проходить
Aa #BD99B6 на #94A887 1,02:1 Не проходить
Aa #94A887 на #89AE73 1,02:1 Не проходить
Aa #AE9EA9 на #94A887 1,01:1 Не проходить
Aa #AE9EA9 на #89AE73 1,01:1 Не проходить
Aa #BD99B6 на #89AE73 1,00:1 Не проходить

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

#E3FDFD #CBF1F5 #A6E3E9 #71C9CE
4 кольори
#F4EEFF #DCD6F7 #A6B1E1 #424874
4 кольори
#B1B2FF #AAC4FF #D2DAFF #EEF1FF
4 кольори
#6096B4 #93BFCF #BDCDD6 #EEE9DA
4 кольори
#A8D8EA #AA96DA #FCBAD3 #FFFFD2
4 кольори
#DEFCF9 #CADEFC #C3BEF0 #CCA8E9
4 кольори
#F7FBFC #D6E6F2 #B9D7EA #769FCD
4 кольори
#C4DFDF #D2E9E9 #E3F4F4 #F8F6F4
4 кольори