Реєстрація Реєстрація
Merry Mountain

Merry Mountain

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

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

Merry Mountain

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

Редагувати
Землисті 12 кольорів Теплі Змішані Комплементарна vibrant cold christmas mountain
Вподобання 21
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #4A3268;
  --c-earthy-3: #C40300;
  --c-earthy-4: #FA4D3A;
  --c-earthy-5: #FCFED6;
  --c-earthy-6: #F1D691;
  --c-earthy-7: #CEA98C;
  --c-earthy-8: #7F6861;
  --c-earthy-9: #327239;
  --c-earthy-10: #809D3C;
  --c-earthy-11: #2E84A3;
  --c-earthy-12: #3C606C;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Poetic Yellow (#FCFED6), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Black, Petunia, Ghost Pepper, Orange Dusk, Poetic Yellow, Oat Straw, Cliff Brown, Plumburn, Japanese Laurel, Aloe Vera Green, Prominent Blue та Juniper Berry Blue в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 14 з них, найконтрастніша — #000000 на #FCFED6 (20,29:1).

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

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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000
Petunia #4A3268
RGB
rgb(74, 50, 104)
HSL
hsl(267, 35%, 30%)
Яскравість
0,047
Ghost Pepper #C40300
RGB
rgb(196, 3, 0)
HSL
hsl(1, 100%, 38%)
Яскравість
0,118
Orange Dusk #FA4D3A
RGB
rgb(250, 77, 58)
HSL
hsl(6, 95%, 60%)
Яскравість
0,259
Poetic Yellow #FCFED6
RGB
rgb(252, 254, 214)
HSL
hsl(63, 95%, 92%)
Яскравість
0,964
Oat Straw #F1D691
RGB
rgb(241, 214, 145)
HSL
hsl(43, 77%, 76%)
Яскравість
0,688
Cliff Brown #CEA98C
RGB
rgb(206, 169, 140)
HSL
hsl(26, 40%, 68%)
Яскравість
0,434
Plumburn #7F6861
RGB
rgb(127, 104, 97)
HSL
hsl(14, 13%, 44%)
Яскравість
0,153
Japanese Laurel #327239
RGB
rgb(50, 114, 57)
HSL
hsl(127, 39%, 32%)
Яскравість
0,130
Aloe Vera Green #809D3C
RGB
rgb(128, 157, 60)
HSL
hsl(78, 45%, 43%)
Яскравість
0,290
Prominent Blue #2E84A3
RGB
rgb(46, 132, 163)
HSL
hsl(196, 56%, 41%)
Яскравість
0,197
Juniper Berry Blue #3C606C
RGB
rgb(60, 96, 108)
HSL
hsl(195, 29%, 33%)
Яскравість
0,104

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

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

Aa #000000 на #FCFED6 20,29:1 AAA
Aa #000000 на #F1D691 14,77:1 AAA
Aa #4A3268 на #FCFED6 10,42:1 AAA
Aa #000000 на #CEA98C 9,68:1 AAA
Aa #4A3268 на #F1D691 7,58:1 AAA
Aa #000000 на #809D3C 6,81:1 AA
Aa #FCFED6 на #3C606C 6,58:1 AA
Aa #000000 на #FA4D3A 6,19:1 AA
Aa #C40300 на #FCFED6 6,04:1 AA
Aa #FCFED6 на #327239 5,63:1 AA
Aa #FCFED6 на #7F6861 5,00:1 AA
Aa #4A3268 на #CEA98C 4,97:1 AA
Aa #000000 на #2E84A3 4,95:1 AA
Aa #F1D691 на #3C606C 4,79:1 AA
Aa #C40300 на #F1D691 4,39:1 AA, великий текст
Aa #FCFED6 на #2E84A3 4,10:1 AA, великий текст
Aa #F1D691 на #327239 4,10:1 AA, великий текст
Aa #000000 на #7F6861 4,06:1 AA, великий текст
Aa #F1D691 на #7F6861 3,64:1 AA, великий текст
Aa #000000 на #327239 3,60:1 AA, великий текст
Aa #4A3268 на #809D3C 3,50:1 AA, великий текст
Aa #000000 на #C40300 3,36:1 AA, великий текст
Aa #FA4D3A на #FCFED6 3,28:1 AA, великий текст
Aa #4A3268 на #FA4D3A 3,18:1 AA, великий текст
Aa #CEA98C на #3C606C 3,14:1 AA, великий текст
Aa #000000 на #3C606C 3,08:1 AA, великий текст
Aa #F1D691 на #2E84A3 2,99:1 Не проходить
Aa #FCFED6 на #809D3C 2,98:1 Не проходить
Aa #C40300 на #CEA98C 2,88:1 Не проходить
Aa #CEA98C на #327239 2,69:1 Не проходить
Aa #4A3268 на #2E84A3 2,54:1 Не проходить
Aa #FA4D3A на #F1D691 2,39:1 Не проходить
Aa #CEA98C на #7F6861 2,39:1 Не проходить
Aa #809D3C на #3C606C 2,21:1 Не проходить
Aa #F1D691 на #809D3C 2,17:1 Не проходить
Aa #FCFED6 на #CEA98C 2,10:1 Не проходить
Aa #4A3268 на #7F6861 2,08:1 Не проходить
Aa #C40300 на #809D3C 2,03:1 Не проходить
Aa #FA4D3A на #3C606C 2,01:1 Не проходить
Aa #CEA98C на #2E84A3 1,96:1 Не проходить
Aa #000000 на #4A3268 1,95:1 Не проходить
Aa #327239 на #809D3C 1,89:1 Не проходить
Aa #4A3268 на #327239 1,85:1 Не проходить
Aa #C40300 на #FA4D3A 1,84:1 Не проходить
Aa #4A3268 на #C40300 1,73:1 Не проходить
Aa #FA4D3A на #327239 1,72:1 Не проходить
Aa #7F6861 на #809D3C 1,68:1 Не проходить
Aa #2E84A3 на #3C606C 1,60:1 Не проходить
Aa #4A3268 на #3C606C 1,58:1 Не проходить
Aa #FA4D3A на #CEA98C 1,56:1 Не проходить
Aa #FA4D3A на #7F6861 1,53:1 Не проходить
Aa #F1D691 на #CEA98C 1,53:1 Не проходить
Aa #C40300 на #2E84A3 1,47:1 Не проходить
Aa #CEA98C на #809D3C 1,42:1 Не проходить
Aa #809D3C на #2E84A3 1,38:1 Не проходить
Aa #FCFED6 на #F1D691 1,37:1 Не проходить
Aa #327239 на #2E84A3 1,37:1 Не проходить
Aa #7F6861 на #3C606C 1,32:1 Не проходить
Aa #FA4D3A на #2E84A3 1,25:1 Не проходить
Aa #7F6861 на #2E84A3 1,22:1 Не проходить
Aa #C40300 на #7F6861 1,21:1 Не проходить
Aa #327239 на #3C606C 1,17:1 Не проходить
Aa #7F6861 на #327239 1,13:1 Не проходить
Aa #FA4D3A на #809D3C 1,10:1 Не проходить
Aa #C40300 на #3C606C 1,09:1 Не проходить
Aa #C40300 на #327239 1,07: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 кольори