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

Quested Mountain

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

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

Quested Mountain

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

Редагувати
Землисті 12 кольорів Теплі Темні Комплементарна polyphrog retro
Вподобання 23
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #4A2300;
  --c-earthy-3: #2B2F35;
  --c-earthy-4: #931800;
  --c-earthy-5: #B05500;
  --c-earthy-6: #5B4E7D;
  --c-earthy-7: #63714F;
  --c-earthy-8: #E36648;
  --c-earthy-9: #9C9D49;
  --c-earthy-10: #A4A3B5;
  --c-earthy-11: #F4C955;
  --c-earthy-12: #FFFFFF;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від White (#FFFFFF), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Black, Chrysophobia, Suit Blue, Brick Red, Tijolo, Imperial Palace, Greenfield, Heirloom Blush, Lazy Lizard, Lazy Lavender, Mom’s Pancake та White в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 19 з них, найконтрастніша — #000000 на #FFFFFF (21:1).

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

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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000
Chrysophobia #4A2300
RGB
rgb(74, 35, 0)
HSL
hsl(28, 100%, 15%)
Яскравість
0,027
Suit Blue #2B2F35
RGB
rgb(43, 47, 53)
HSL
hsl(216, 10%, 19%)
Яскравість
0,028
Brick Red #931800
RGB
rgb(147, 24, 0)
HSL
hsl(10, 100%, 29%)
Яскравість
0,069
Tijolo #B05500
RGB
rgb(176, 85, 0)
HSL
hsl(29, 100%, 35%)
Яскравість
0,157
Imperial Palace #5B4E7D
RGB
rgb(91, 78, 125)
HSL
hsl(257, 23%, 40%)
Яскравість
0,092
Greenfield #63714F
RGB
rgb(99, 113, 79)
HSL
hsl(85, 18%, 38%)
Яскравість
0,150
Heirloom Blush #E36648
RGB
rgb(227, 102, 72)
HSL
hsl(12, 73%, 59%)
Яскравість
0,263
Lazy Lizard #9C9D49
RGB
rgb(156, 157, 73)
HSL
hsl(61, 37%, 45%)
Яскравість
0,317
Lazy Lavender #A4A3B5
RGB
rgb(164, 163, 181)
HSL
hsl(243, 11%, 67%)
Яскравість
0,374
Mom’s Pancake #F4C955
RGB
rgb(244, 201, 85)
HSL
hsl(44, 88%, 65%)
Яскравість
0,617
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Яскравість
1,000

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

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

Aa #000000 на #FFFFFF 21,00:1 AAA
Aa #4A2300 на #FFFFFF 13,71:1 AAA
Aa #2B2F35 на #FFFFFF 13,46:1 AAA
Aa #000000 на #F4C955 13,33:1 AAA
Aa #931800 на #FFFFFF 8,86:1 AAA
Aa #4A2300 на #F4C955 8,71:1 AAA
Aa #2B2F35 на #F4C955 8,54:1 AAA
Aa #000000 на #A4A3B5 8,48:1 AAA
Aa #5B4E7D на #FFFFFF 7,42:1 AAA
Aa #000000 на #9C9D49 7,33:1 AAA
Aa #000000 на #E36648 6,26:1 AA
Aa #931800 на #F4C955 5,62:1 AA
Aa #4A2300 на #A4A3B5 5,54:1 AA
Aa #2B2F35 на #A4A3B5 5,44:1 AA
Aa #63714F на #FFFFFF 5,24:1 AA
Aa #B05500 на #FFFFFF 5,07:1 AA
Aa #4A2300 на #9C9D49 4,79:1 AA
Aa #5B4E7D на #F4C955 4,71:1 AA
Aa #2B2F35 на #9C9D49 4,70:1 AA
Aa #000000 на #B05500 4,15:1 AA, великий текст
Aa #4A2300 на #E36648 4,09:1 AA, великий текст
Aa #000000 на #63714F 4,01:1 AA, великий текст
Aa #2B2F35 на #E36648 4,01:1 AA, великий текст
Aa #931800 на #A4A3B5 3,58:1 AA, великий текст
Aa #E36648 на #FFFFFF 3,35:1 AA, великий текст
Aa #63714F на #F4C955 3,33:1 AA, великий текст
Aa #B05500 на #F4C955 3,22:1 AA, великий текст
Aa #931800 на #9C9D49 3,09:1 AA, великий текст
Aa #5B4E7D на #A4A3B5 3,00:1 AA, великий текст
Aa #9C9D49 на #FFFFFF 2,86:1 Не проходить
Aa #000000 на #5B4E7D 2,83:1 Не проходить
Aa #4A2300 на #B05500 2,71:1 Не проходить
Aa #2B2F35 на #B05500 2,66:1 Не проходить
Aa #931800 на #E36648 2,64:1 Не проходить
Aa #4A2300 на #63714F 2,62:1 Не проходить
Aa #5B4E7D на #9C9D49 2,59:1 Не проходить
Aa #2B2F35 на #63714F 2,57:1 Не проходить
Aa #A4A3B5 на #FFFFFF 2,48:1 Не проходить
Aa #000000 на #931800 2,37:1 Не проходить
Aa #5B4E7D на #E36648 2,21:1 Не проходить
Aa #E36648 на #F4C955 2,13:1 Не проходить
Aa #63714F на #A4A3B5 2,12:1 Не проходить
Aa #B05500 на #A4A3B5 2,05:1 Не проходить
Aa #4A2300 на #5B4E7D 1,85:1 Не проходить
Aa #63714F на #9C9D49 1,83:1 Не проходить
Aa #9C9D49 на #F4C955 1,82:1 Не проходить
Aa #2B2F35 на #5B4E7D 1,81:1 Не проходить
Aa #B05500 на #9C9D49 1,77:1 Не проходить
Aa #931800 на #B05500 1,75:1 Не проходить
Aa #931800 на #63714F 1,69:1 Не проходить
Aa #F4C955 на #FFFFFF 1,58:1 Не проходить
Aa #A4A3B5 на #F4C955 1,57:1 Не проходить
Aa #000000 на #2B2F35 1,56:1 Не проходить
Aa #63714F на #E36648 1,56:1 Не проходить
Aa #4A2300 на #931800 1,55:1 Не проходить
Aa #000000 на #4A2300 1,53:1 Не проходить
Aa #2B2F35 на #931800 1,52:1 Не проходить
Aa #B05500 на #E36648 1,51:1 Не проходить
Aa #B05500 на #5B4E7D 1,46:1 Не проходить
Aa #5B4E7D на #63714F 1,42:1 Не проходить
Aa #E36648 на #A4A3B5 1,36:1 Не проходить
Aa #931800 на #5B4E7D 1,19:1 Не проходить
Aa #E36648 на #9C9D49 1,17:1 Не проходить
Aa #9C9D49 на #A4A3B5 1,16:1 Не проходить
Aa #B05500 на #63714F 1,03:1 Не проходить
Aa #4A2300 на #2B2F35 1,02:1 Не проходить

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

#000000 #3D0000 #950101 #FF0000
4 кольори
#E23E57 #88304E #522546 #311D3F
4 кольори
#FF204E #A0153E #5D0E41 #00224D
4 кольори
#030637 #3C0753 #720455 #910A67
4 кольори
#1C0A00 #361500 #603601 #CC9544
4 кольори
#252525 #FF0000 #AF0404 #414141
4 кольори
#362222 #171010 #423F3E #2B2B2B
4 кольори
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 кольори