Реєстрація Реєстрація
Mordfikosz 11

Mordfikosz 11

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

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

Mordfikosz 11

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

Редагувати
Землисті 11 кольорів Теплі Змішані Комплементарна artist pjcolorcomp11 pjcolorcomp
Вподобання 7
Кольори 11

CSS-змінні

:root {
  --c-earthy-1: #BE783C;
  --c-earthy-2: #D7AF87;
  --c-earthy-3: #EBEBAF;
  --c-earthy-4: #64AF50;
  --c-earthy-5: #556E6E;
  --c-earthy-6: #3C3C5F;
  --c-earthy-7: #96D2F0;
  --c-earthy-8: #A07DA0;
  --c-earthy-9: #9B4146;
  --c-earthy-10: #46282D;
  --c-earthy-11: #14141E;
}

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

Ця землиста палітра з 11 кольорів охоплює діапазон від Medium Goldenrod (#EBEBAF), найсвітлішого тону, до Kuroi Black (#14141E), найтемнішого. Вона об'єднує Cray, Porcini, Medium Goldenrod, Shiso Green, Micropolis, Patriot Blue, Slightly Spritzig, Wild Lavender, Reddest Red, Rookwood Dark Red та Kuroi Black в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 14 з них, найконтрастніша — #EBEBAF на #14141E (14,83:1).

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

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

Cray #BE783C
RGB
rgb(190, 120, 60)
HSL
hsl(28, 52%, 49%)
Яскравість
0,247
Porcini #D7AF87
RGB
rgb(215, 175, 135)
HSL
hsl(30, 50%, 69%)
Яскравість
0,469
Medium Goldenrod #EBEBAF
RGB
rgb(235, 235, 175)
HSL
hsl(60, 60%, 80%)
Яскравість
0,802
Shiso Green #64AF50
RGB
rgb(100, 175, 80)
HSL
hsl(107, 37%, 50%)
Яскравість
0,340
Micropolis #556E6E
RGB
rgb(85, 110, 110)
HSL
hsl(180, 13%, 38%)
Яскравість
0,142
Patriot Blue #3C3C5F
RGB
rgb(60, 60, 95)
HSL
hsl(240, 23%, 30%)
Яскравість
0,050
Slightly Spritzig #96D2F0
RGB
rgb(150, 210, 240)
HSL
hsl(200, 75%, 76%)
Яскравість
0,589
Wild Lavender #A07DA0
RGB
rgb(160, 125, 160)
HSL
hsl(300, 16%, 56%)
Яскравість
0,247
Reddest Red #9B4146
RGB
rgb(155, 65, 70)
HSL
hsl(357, 41%, 43%)
Яскравість
0,112
Rookwood Dark Red #46282D
RGB
rgb(70, 40, 45)
HSL
hsl(350, 27%, 22%)
Яскравість
0,030
Kuroi Black #14141E
RGB
rgb(20, 20, 30)
HSL
hsl(240, 20%, 10%)
Яскравість
0,007

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

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

Aa #EBEBAF на #14141E 14,83:1 AAA
Aa #96D2F0 на #14141E 11,12:1 AAA
Aa #EBEBAF на #46282D 10,63:1 AAA
Aa #D7AF87 на #14141E 9,03:1 AAA
Aa #EBEBAF на #3C3C5F 8,50:1 AAA
Aa #96D2F0 на #46282D 7,97:1 AAA
Aa #64AF50 на #14141E 6,78:1 AA
Aa #D7AF87 на #46282D 6,47:1 AA
Aa #3C3C5F на #96D2F0 6,37:1 AA
Aa #EBEBAF на #9B4146 5,26:1 AA
Aa #D7AF87 на #3C3C5F 5,18:1 AA
Aa #BE783C на #14141E 5,17:1 AA
Aa #A07DA0 на #14141E 5,17:1 AA
Aa #64AF50 на #46282D 4,86:1 AA
Aa #EBEBAF на #556E6E 4,43:1 AA, великий текст
Aa #96D2F0 на #9B4146 3,94:1 AA, великий текст
Aa #64AF50 на #3C3C5F 3,89:1 AA, великий текст
Aa #BE783C на #46282D 3,71:1 AA, великий текст
Aa #A07DA0 на #46282D 3,71:1 AA, великий текст
Aa #556E6E на #14141E 3,34:1 AA, великий текст
Aa #556E6E на #96D2F0 3,32:1 AA, великий текст
Aa #D7AF87 на #9B4146 3,20:1 AA, великий текст
Aa #BE783C на #3C3C5F 2,97:1 Не проходить
Aa #3C3C5F на #A07DA0 2,96:1 Не проходить
Aa #BE783C на #EBEBAF 2,87:1 Не проходить
Aa #EBEBAF на #A07DA0 2,87:1 Не проходить
Aa #9B4146 на #14141E 2,82:1 Не проходить
Aa #D7AF87 на #556E6E 2,70:1 Не проходить
Aa #64AF50 на #9B4146 2,41:1 Не проходить
Aa #556E6E на #46282D 2,40:1 Не проходить
Aa #EBEBAF на #64AF50 2,19:1 Не проходить
Aa #BE783C на #96D2F0 2,15:1 Не проходить
Aa #96D2F0 на #A07DA0 2,15:1 Не проходить
Aa #64AF50 на #556E6E 2,03:1 Не проходить
Aa #9B4146 на #46282D 2,02:1 Не проходить
Aa #556E6E на #3C3C5F 1,92:1 Не проходить
Aa #BE783C на #9B4146 1,83:1 Не проходить
Aa #A07DA0 на #9B4146 1,83:1 Не проходить
Aa #BE783C на #D7AF87 1,75:1 Не проходить
Aa #D7AF87 на #A07DA0 1,75:1 Не проходить
Aa #3C3C5F на #14141E 1,74:1 Не проходить
Aa #D7AF87 на #EBEBAF 1,64:1 Не проходить
Aa #64AF50 на #96D2F0 1,64:1 Не проходить
Aa #3C3C5F на #9B4146 1,62:1 Не проходить
Aa #BE783C на #556E6E 1,55:1 Не проходить
Aa #556E6E на #A07DA0 1,55:1 Не проходить
Aa #46282D на #14141E 1,39:1 Не проходить
Aa #D7AF87 на #64AF50 1,33:1 Не проходить
Aa #EBEBAF на #96D2F0 1,33:1 Не проходить
Aa #BE783C на #64AF50 1,31:1 Не проходить
Aa #64AF50 на #A07DA0 1,31:1 Не проходить
Aa #3C3C5F на #46282D 1,25:1 Не проходить
Aa #D7AF87 на #96D2F0 1,23:1 Не проходить
Aa #556E6E на #9B4146 1,19:1 Не проходить
Aa #BE783C на #A07DA0 1,00: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 кольори