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

Romance

Палітра з 11 кольорів · Холодні · Змішані · Аналогова гармонія

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

Romance

Палітра з 11 кольорів · Холодні кольори · Змішані тони · Аналогова гармонія

Редагувати
Землисті 11 кольорів Холодні Змішані Аналогова pixelart warm pastel love
Вподобання 19
Кольори 11

CSS-змінні

:root {
  --c-earthy-1: #352D61;
  --c-earthy-2: #911A66;
  --c-earthy-3: #5F5095;
  --c-earthy-4: #7D5FB0;
  --c-earthy-5: #C12B90;
  --c-earthy-6: #8A82A4;
  --c-earthy-7: #C973AC;
  --c-earthy-8: #9299E5;
  --c-earthy-9: #E6A3DE;
  --c-earthy-10: #C6CFC4;
  --c-earthy-11: #E4F6F0;
}

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

Ця землиста палітра з 11 кольорів охоплює діапазон від Frosty Mint (#E4F6F0), найсвітлішого тону, до Galaxea (#352D61), найтемнішого. Вона об'єднує Galaxea, Raspberry Magenta, Purple Corallite, Genestealer Purple, Royal Fuchsia, Fabulous Grape, Bishop Red, Portage, Candy Floss, Silver Grass та Frosty Mint в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 9 з них, найконтрастніша — #352D61 на #E4F6F0 (11,03:1).

Спокійні природні тони — пасують еко- та органік-брендам, кав'ярням, туристичному спорядженню й теплій редакційній типографіці.

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

Galaxea #352D61
RGB
rgb(53, 45, 97)
HSL
hsl(249, 37%, 28%)
Яскравість
0,035
Raspberry Magenta #911A66
RGB
rgb(145, 26, 102)
HSL
hsl(322, 70%, 34%)
Яскравість
0,077
Purple Corallite #5F5095
RGB
rgb(95, 80, 149)
HSL
hsl(253, 30%, 45%)
Яскравість
0,103
Genestealer Purple #7D5FB0
RGB
rgb(125, 95, 176)
HSL
hsl(262, 34%, 53%)
Яскравість
0,157
Royal Fuchsia #C12B90
RGB
rgb(193, 43, 144)
HSL
hsl(320, 64%, 46%)
Яскравість
0,151
Fabulous Grape #8A82A4
RGB
rgb(138, 130, 164)
HSL
hsl(254, 16%, 58%)
Яскравість
0,241
Bishop Red #C973AC
RGB
rgb(201, 115, 172)
HSL
hsl(320, 44%, 62%)
Яскравість
0,277
Portage #9299E5
RGB
rgb(146, 153, 229)
HSL
hsl(235, 61%, 74%)
Яскравість
0,346
Candy Floss #E6A3DE
RGB
rgb(230, 163, 222)
HSL
hsl(307, 57%, 77%)
Яскравість
0,483
Silver Grass #C6CFC4
RGB
rgb(198, 207, 196)
HSL
hsl(109, 10%, 79%)
Яскравість
0,606
Frosty Mint #E4F6F0
RGB
rgb(228, 246, 240)
HSL
hsl(160, 50%, 93%)
Яскравість
0,887

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

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

Aa #352D61 на #E4F6F0 11,03:1 AAA
Aa #352D61 на #C6CFC4 7,72:1 AAA
Aa #911A66 на #E4F6F0 7,37:1 AAA
Aa #352D61 на #E6A3DE 6,27:1 AA
Aa #5F5095 на #E4F6F0 6,11:1 AA
Aa #911A66 на #C6CFC4 5,16:1 AA
Aa #C12B90 на #E4F6F0 4,67:1 AA
Aa #352D61 на #9299E5 4,65:1 AA
Aa #7D5FB0 на #E4F6F0 4,53:1 AA
Aa #5F5095 на #C6CFC4 4,28:1 AA, великий текст
Aa #911A66 на #E6A3DE 4,19:1 AA, великий текст
Aa #352D61 на #C973AC 3,84:1 AA, великий текст
Aa #5F5095 на #E6A3DE 3,47:1 AA, великий текст
Aa #352D61 на #8A82A4 3,42:1 AA, великий текст
Aa #C12B90 на #C6CFC4 3,27:1 AA, великий текст
Aa #8A82A4 на #E4F6F0 3,23:1 AA, великий текст
Aa #7D5FB0 на #C6CFC4 3,17:1 AA, великий текст
Aa #911A66 на #9299E5 3,11:1 AA, великий текст
Aa #C973AC на #E4F6F0 2,87:1 Не проходить
Aa #C12B90 на #E6A3DE 2,65:1 Не проходить
Aa #5F5095 на #9299E5 2,58:1 Не проходить
Aa #7D5FB0 на #E6A3DE 2,58:1 Не проходить
Aa #911A66 на #C973AC 2,57:1 Не проходить
Aa #352D61 на #7D5FB0 2,43:1 Не проходить
Aa #9299E5 на #E4F6F0 2,37:1 Не проходить
Aa #352D61 на #C12B90 2,36:1 Не проходить
Aa #911A66 на #8A82A4 2,28:1 Не проходить
Aa #8A82A4 на #C6CFC4 2,26:1 Не проходить
Aa #5F5095 на #C973AC 2,13:1 Не проходить
Aa #C973AC на #C6CFC4 2,01:1 Не проходить
Aa #C12B90 на #9299E5 1,97:1 Не проходить
Aa #7D5FB0 на #9299E5 1,91:1 Не проходить
Aa #5F5095 на #8A82A4 1,89:1 Не проходить
Aa #8A82A4 на #E6A3DE 1,83:1 Не проходить
Aa #352D61 на #5F5095 1,81:1 Не проходить
Aa #E6A3DE на #E4F6F0 1,76:1 Не проходить
Aa #9299E5 на #C6CFC4 1,66:1 Не проходить
Aa #911A66 на #7D5FB0 1,63:1 Не проходить
Aa #C12B90 на #C973AC 1,63:1 Не проходить
Aa #C973AC на #E6A3DE 1,63:1 Не проходить
Aa #911A66 на #C12B90 1,58:1 Не проходить
Aa #7D5FB0 на #C973AC 1,58:1 Не проходить
Aa #352D61 на #911A66 1,50:1 Не проходить
Aa #C12B90 на #8A82A4 1,45:1 Не проходить
Aa #C6CFC4 на #E4F6F0 1,43:1 Не проходить
Aa #7D5FB0 на #8A82A4 1,40:1 Не проходить
Aa #8A82A4 на #9299E5 1,36:1 Не проходить
Aa #5F5095 на #7D5FB0 1,35:1 Не проходить
Aa #9299E5 на #E6A3DE 1,35:1 Не проходить
Aa #5F5095 на #C12B90 1,31:1 Не проходить
Aa #E6A3DE на #C6CFC4 1,23:1 Не проходить
Aa #911A66 на #5F5095 1,21:1 Не проходить
Aa #C973AC на #9299E5 1,21:1 Не проходить
Aa #8A82A4 на #C973AC 1,12:1 Не проходить
Aa #7D5FB0 на #C12B90 1,03: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 кольори