Реєстрація Реєстрація
Homey Honey 12

Homey Honey 12

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

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

Homey Honey 12

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

Редагувати
Землисті 12 кольорів Теплі Темні Комплементарна fall warm brown autumn
Вподобання 126
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #291E1A;
  --c-earthy-2: #5A3428;
  --c-earthy-3: #A6652B;
  --c-earthy-4: #D9A443;
  --c-earthy-5: #C95937;
  --c-earthy-6: #893F43;
  --c-earthy-7: #393E26;
  --c-earthy-8: #496669;
  --c-earthy-9: #7687AB;
  --c-earthy-10: #D4D3D1;
  --c-earthy-11: #748B2C;
  --c-earthy-12: #31542F;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Silver Spoon (#D4D3D1), найсвітлішого тону, до Weathervane (#291E1A), найтемнішого. Вона об'єднує Weathervane, Redwood, Gallstone Yellow, Solar Fusion, Cinnamon Stone, Cordovan, Green Kelp, Tax Break, Enchanting Sky, Silver Spoon, Olive Thrill та Moselle Green в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 9 з них, найконтрастніша — #291E1A на #D4D3D1 (10,84:1).

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

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

Weathervane #291E1A
RGB
rgb(41, 30, 26)
HSL
hsl(16, 22%, 13%)
Яскравість
0,015
Redwood #5A3428
RGB
rgb(90, 52, 40)
HSL
hsl(14, 38%, 25%)
Яскравість
0,048
Gallstone Yellow #A6652B
RGB
rgb(166, 101, 43)
HSL
hsl(28, 59%, 41%)
Яскравість
0,176
Solar Fusion #D9A443
RGB
rgb(217, 164, 67)
HSL
hsl(39, 66%, 56%)
Яскравість
0,417
Cinnamon Stone #C95937
RGB
rgb(201, 89, 55)
HSL
hsl(14, 57%, 50%)
Яскравість
0,198
Cordovan #893F43
RGB
rgb(137, 63, 67)
HSL
hsl(357, 37%, 39%)
Яскравість
0,093
Green Kelp #393E26
RGB
rgb(57, 62, 38)
HSL
hsl(73, 24%, 20%)
Яскравість
0,045
Tax Break #496669
RGB
rgb(73, 102, 105)
HSL
hsl(186, 18%, 35%)
Яскравість
0,119
Enchanting Sky #7687AB
RGB
rgb(118, 135, 171)
HSL
hsl(221, 24%, 57%)
Яскравість
0,241
Silver Spoon #D4D3D1
RGB
rgb(212, 211, 209)
HSL
hsl(40, 3%, 83%)
Яскравість
0,652
Olive Thrill #748B2C
RGB
rgb(116, 139, 44)
HSL
hsl(75, 52%, 36%)
Яскравість
0,224
Moselle Green #31542F
RGB
rgb(49, 84, 47)
HSL
hsl(117, 28%, 26%)
Яскравість
0,072

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

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

Aa #291E1A на #D4D3D1 10,84:1 AAA
Aa #393E26 на #D4D3D1 7,42:1 AAA
Aa #291E1A на #D9A443 7,21:1 AAA
Aa #5A3428 на #D4D3D1 7,17:1 AAA
Aa #D4D3D1 на #31542F 5,75:1 AA
Aa #D9A443 на #393E26 4,94:1 AA
Aa #893F43 на #D4D3D1 4,92:1 AA
Aa #5A3428 на #D9A443 4,77:1 AA
Aa #291E1A на #7687AB 4,50:1 AA
Aa #291E1A на #748B2C 4,23:1 AA, великий текст
Aa #496669 на #D4D3D1 4,14:1 AA, великий текст
Aa #291E1A на #C95937 3,84:1 AA, великий текст
Aa #D9A443 на #31542F 3,83:1 AA, великий текст
Aa #291E1A на #A6652B 3,49:1 AA, великий текст
Aa #D9A443 на #893F43 3,27:1 AA, великий текст
Aa #A6652B на #D4D3D1 3,11:1 AA, великий текст
Aa #393E26 на #7687AB 3,08:1 AA, великий текст
Aa #5A3428 на #7687AB 2,98:1 Не проходить
Aa #393E26 на #748B2C 2,89:1 Не проходить
Aa #C95937 на #D4D3D1 2,83:1 Не проходить
Aa #5A3428 на #748B2C 2,80:1 Не проходить
Aa #D9A443 на #496669 2,76:1 Не проходить
Aa #C95937 на #393E26 2,63:1 Не проходить
Aa #291E1A на #496669 2,62:1 Не проходить
Aa #D4D3D1 на #748B2C 2,57:1 Не проходить
Aa #5A3428 на #C95937 2,54:1 Не проходить
Aa #7687AB на #D4D3D1 2,41:1 Не проходить
Aa #A6652B на #393E26 2,39:1 Не проходить
Aa #7687AB на #31542F 2,39:1 Не проходить
Aa #5A3428 на #A6652B 2,31:1 Не проходить
Aa #748B2C на #31542F 2,24:1 Не проходить
Aa #291E1A на #893F43 2,21:1 Не проходить
Aa #A6652B на #D9A443 2,07:1 Не проходить
Aa #C95937 на #31542F 2,04:1 Не проходить
Aa #893F43 на #7687AB 2,04:1 Не проходить
Aa #893F43 на #748B2C 1,92:1 Не проходить
Aa #291E1A на #31542F 1,88:1 Не проходить
Aa #D9A443 на #C95937 1,88:1 Не проходить
Aa #A6652B на #31542F 1,85:1 Не проходить
Aa #393E26 на #496669 1,79:1 Не проходить
Aa #C95937 на #893F43 1,74:1 Не проходить
Aa #5A3428 на #496669 1,73:1 Не проходить
Aa #496669 на #7687AB 1,72:1 Не проходить
Aa #D9A443 на #748B2C 1,71:1 Не проходить
Aa #496669 на #748B2C 1,62:1 Не проходить
Aa #D9A443 на #7687AB 1,60:1 Не проходить
Aa #A6652B на #893F43 1,58:1 Не проходить
Aa #291E1A на #5A3428 1,51:1 Не проходить
Aa #893F43 на #393E26 1,51:1 Не проходить
Aa #D9A443 на #D4D3D1 1,50:1 Не проходить
Aa #C95937 на #496669 1,47:1 Не проходить
Aa #291E1A на #393E26 1,46:1 Не проходить
Aa #5A3428 на #893F43 1,46:1 Не проходить
Aa #496669 на #31542F 1,39:1 Не проходить
Aa #A6652B на #496669 1,33:1 Не проходить
Aa #A6652B на #7687AB 1,29:1 Не проходить
Aa #393E26 на #31542F 1,29:1 Не проходить
Aa #5A3428 на #31542F 1,25:1 Не проходить
Aa #A6652B на #748B2C 1,21:1 Не проходить
Aa #893F43 на #496669 1,19:1 Не проходить
Aa #C95937 на #7687AB 1,17:1 Не проходить
Aa #893F43 на #31542F 1,17:1 Не проходить
Aa #A6652B на #C95937 1,10:1 Не проходить
Aa #C95937 на #748B2C 1,10:1 Не проходить
Aa #7687AB на #748B2C 1,06:1 Не проходить
Aa #5A3428 на #393E26 1,03: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 кольори