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

QUINN_COLORS

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

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

QUINN_COLORS

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

Редагувати
Землисті 9 кольорів Теплі Темні Комплементарна pastel
Вподобання 24
Кольори 9

CSS-змінні

:root {
  --c-earthy-1: #2A2533;
  --c-earthy-2: #323C54;
  --c-earthy-3: #3E5E73;
  --c-earthy-4: #51855D;
  --c-earthy-5: #9FAD74;
  --c-earthy-6: #856149;
  --c-earthy-7: #713E4B;
  --c-earthy-8: #553154;
  --c-earthy-9: #3A3045;
}

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

Ця землиста палітра з 9 кольорів охоплює діапазон від Siamese Green (#9FAD74), найсвітлішого тону, до Cold Steel (#2A2533), найтемнішого. Вона об'єднує Cold Steel, Biscay, Superior Blue, Spring Garden, Siamese Green, Rawhide, Blood Rose, Purple Prose та Chrysomela Goettingensis в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 3 з них, найконтрастніша — #2A2533 на #9FAD74 (6,17:1).

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

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

Cold Steel #2A2533
RGB
rgb(42, 37, 51)
HSL
hsl(261, 16%, 17%)
Яскравість
0,021
Biscay #323C54
RGB
rgb(50, 60, 84)
HSL
hsl(222, 25%, 26%)
Яскравість
0,046
Superior Blue #3E5E73
RGB
rgb(62, 94, 115)
HSL
hsl(204, 30%, 35%)
Яскравість
0,103
Spring Garden #51855D
RGB
rgb(81, 133, 93)
HSL
hsl(134, 24%, 42%)
Яскравість
0,193
Siamese Green #9FAD74
RGB
rgb(159, 173, 116)
HSL
hsl(75, 26%, 57%)
Яскравість
0,385
Rawhide #856149
RGB
rgb(133, 97, 73)
HSL
hsl(24, 29%, 40%)
Яскравість
0,140
Blood Rose #713E4B
RGB
rgb(113, 62, 75)
HSL
hsl(345, 29%, 34%)
Яскравість
0,075
Purple Prose #553154
RGB
rgb(85, 49, 84)
HSL
hsl(302, 27%, 26%)
Яскравість
0,048
Chrysomela Goettingensis #3A3045
RGB
rgb(58, 48, 69)
HSL
hsl(269, 18%, 23%)
Яскравість
0,034

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

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

Aa #2A2533 на #9FAD74 6,17:1 AA
Aa #9FAD74 на #3A3045 5,15:1 AA
Aa #323C54 на #9FAD74 4,56:1 AA
Aa #9FAD74 на #553154 4,46:1 AA, великий текст
Aa #9FAD74 на #713E4B 3,49:1 AA, великий текст
Aa #2A2533 на #51855D 3,45:1 AA, великий текст
Aa #51855D на #3A3045 2,88:1 Не проходить
Aa #3E5E73 на #9FAD74 2,85:1 Не проходить
Aa #2A2533 на #856149 2,70:1 Не проходить
Aa #323C54 на #51855D 2,55:1 Не проходить
Aa #51855D на #553154 2,49:1 Не проходить
Aa #9FAD74 на #856149 2,29:1 Не проходить
Aa #856149 на #3A3045 2,25:1 Не проходить
Aa #2A2533 на #3E5E73 2,16:1 Не проходить
Aa #323C54 на #856149 1,99:1 Не проходить
Aa #51855D на #713E4B 1,95:1 Не проходить
Aa #856149 на #553154 1,95:1 Не проходить
Aa #3E5E73 на #3A3045 1,81:1 Не проходить
Aa #51855D на #9FAD74 1,79:1 Не проходить
Aa #2A2533 на #713E4B 1,77:1 Не проходить
Aa #323C54 на #3E5E73 1,60:1 Не проходить
Aa #3E5E73 на #51855D 1,59:1 Не проходить
Aa #3E5E73 на #553154 1,56:1 Не проходить
Aa #856149 на #713E4B 1,53:1 Не проходить
Aa #713E4B на #3A3045 1,48:1 Не проходить
Aa #2A2533 на #553154 1,38:1 Не проходить
Aa #2A2533 на #323C54 1,35:1 Не проходить
Aa #323C54 на #713E4B 1,31:1 Не проходить
Aa #51855D на #856149 1,28:1 Не проходить
Aa #713E4B на #553154 1,28:1 Не проходить
Aa #3E5E73 на #856149 1,25:1 Не проходить
Aa #3E5E73 на #713E4B 1,22:1 Не проходить
Aa #2A2533 на #3A3045 1,20:1 Не проходить
Aa #553154 на #3A3045 1,16:1 Не проходить
Aa #323C54 на #3A3045 1,13:1 Не проходить
Aa #323C54 на #553154 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 кольори