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

Soup11

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

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

Soup11

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

Редагувати
Землисті 11 кольорів Теплі Змішані Комплементарна red blue 11 colors
Вподобання 43
Кольори 11

CSS-змінні

:root {
  --c-earthy-1: #4F1E45;
  --c-earthy-2: #963057;
  --c-earthy-3: #D74459;
  --c-earthy-4: #EB7060;
  --c-earthy-5: #FFB383;
  --c-earthy-6: #FFFFFF;
  --c-earthy-7: #7FE3BB;
  --c-earthy-8: #5CBBC4;
  --c-earthy-9: #457EA3;
  --c-earthy-10: #384276;
  --c-earthy-11: #322451;
}

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

Ця землиста палітра з 11 кольорів охоплює діапазон від White (#FFFFFF), найсвітлішого тону, до Powerful Violet (#322451), найтемнішого. Вона об'єднує Prestige Mauve, Figue Pulp, Geranium, Autumn Enchantment, Sassy Peach, White, Āsmānī Sky, Pharaoh’s Seas, Lake Henry, Lviv Blue та Powerful Violet в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 14 з них, найконтрастніша — #FFFFFF на #322451 (13,94:1).

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

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

Prestige Mauve #4F1E45
RGB
rgb(79, 30, 69)
HSL
hsl(312, 45%, 21%)
Яскравість
0,030
Figue Pulp #963057
RGB
rgb(150, 48, 87)
HSL
hsl(337, 52%, 39%)
Яскравість
0,093
Geranium #D74459
RGB
rgb(215, 68, 89)
HSL
hsl(351, 65%, 55%)
Яскравість
0,193
Autumn Enchantment #EB7060
RGB
rgb(235, 112, 96)
HSL
hsl(7, 78%, 65%)
Яскравість
0,301
Sassy Peach #FFB383
RGB
rgb(255, 179, 131)
HSL
hsl(23, 100%, 76%)
Яскравість
0,551
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Яскравість
1,000
Āsmānī Sky #7FE3BB
RGB
rgb(127, 227, 187)
HSL
hsl(156, 64%, 69%)
Яскравість
0,630
Pharaoh’s Seas #5CBBC4
RGB
rgb(92, 187, 196)
HSL
hsl(185, 47%, 56%)
Яскравість
0,418
Lake Henry #457EA3
RGB
rgb(69, 126, 163)
HSL
hsl(204, 41%, 45%)
Яскравість
0,188
Lviv Blue #384276
RGB
rgb(56, 66, 118)
HSL
hsl(230, 36%, 34%)
Яскравість
0,061
Powerful Violet #322451
RGB
rgb(50, 36, 81)
HSL
hsl(259, 38%, 23%)
Яскравість
0,025

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

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

Aa #FFFFFF на #322451 13,94:1 AAA
Aa #4F1E45 на #FFFFFF 13,09:1 AAA
Aa #FFFFFF на #384276 9,51:1 AAA
Aa #7FE3BB на #322451 9,03:1 AAA
Aa #4F1E45 на #7FE3BB 8,48:1 AAA
Aa #FFB383 на #322451 7,98:1 AAA
Aa #4F1E45 на #FFB383 7,50:1 AAA
Aa #963057 на #FFFFFF 7,35:1 AAA
Aa #5CBBC4 на #322451 6,21:1 AA
Aa #7FE3BB на #384276 6,16:1 AA
Aa #4F1E45 на #5CBBC4 5,84:1 AA
Aa #FFB383 на #384276 5,44:1 AA
Aa #963057 на #7FE3BB 4,76:1 AA
Aa #EB7060 на #322451 4,66:1 AA
Aa #FFFFFF на #457EA3 4,41:1 AA, великий текст
Aa #4F1E45 на #EB7060 4,38:1 AA, великий текст
Aa #D74459 на #FFFFFF 4,32:1 AA, великий текст
Aa #5CBBC4 на #384276 4,24:1 AA, великий текст
Aa #963057 на #FFB383 4,21:1 AA, великий текст
Aa #963057 на #5CBBC4 3,28:1 AA, великий текст
Aa #D74459 на #322451 3,23:1 AA, великий текст
Aa #EB7060 на #384276 3,18:1 AA, великий текст
Aa #457EA3 на #322451 3,16:1 AA, великий текст
Aa #4F1E45 на #D74459 3,03:1 AA, великий текст
Aa #EB7060 на #FFFFFF 2,99:1 Не проходить
Aa #4F1E45 на #457EA3 2,97:1 Не проходить
Aa #7FE3BB на #457EA3 2,85:1 Не проходить
Aa #D74459 на #7FE3BB 2,80:1 Не проходить
Aa #FFB383 на #457EA3 2,52:1 Не проходить
Aa #D74459 на #FFB383 2,47:1 Не проходить
Aa #963057 на #EB7060 2,46:1 Не проходить
Aa #FFFFFF на #5CBBC4 2,24:1 Не проходить
Aa #D74459 на #384276 2,20:1 Не проходить
Aa #457EA3 на #384276 2,16:1 Не проходить
Aa #5CBBC4 на #457EA3 1,96:1 Не проходить
Aa #EB7060 на #7FE3BB 1,94:1 Не проходить
Aa #D74459 на #5CBBC4 1,93:1 Не проходить
Aa #963057 на #322451 1,90:1 Не проходить
Aa #4F1E45 на #963057 1,78:1 Не проходить
Aa #FFB383 на #FFFFFF 1,75:1 Не проходить
Aa #EB7060 на #FFB383 1,71:1 Не проходить
Aa #963057 на #D74459 1,70:1 Не проходить
Aa #963057 на #457EA3 1,67:1 Не проходить
Aa #FFFFFF на #7FE3BB 1,54:1 Не проходить
Aa #EB7060 на #457EA3 1,47:1 Не проходить
Aa #384276 на #322451 1,47:1 Не проходить
Aa #7FE3BB на #5CBBC4 1,45:1 Не проходить
Aa #D74459 на #EB7060 1,44:1 Не проходить
Aa #4F1E45 на #384276 1,38:1 Не проходить
Aa #EB7060 на #5CBBC4 1,33:1 Не проходить
Aa #963057 на #384276 1,29:1 Не проходить
Aa #FFB383 на #5CBBC4 1,28:1 Не проходить
Aa #FFB383 на #7FE3BB 1,13:1 Не проходить
Aa #4F1E45 на #322451 1,06:1 Не проходить
Aa #D74459 на #457EA3 1,02: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 кольори