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

Sin

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

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

Sin

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

Редагувати
Землисті 12 кольорів Теплі Змішані Комплементарна still life
Вподобання 173
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #7BDCE4;
  --c-earthy-2: #DABE7B;
  --c-earthy-3: #FF8E65;
  --c-earthy-4: #CD7A3F;
  --c-earthy-5: #815934;
  --c-earthy-6: #CD5C5C;
  --c-earthy-7: #883434;
  --c-earthy-8: #551B1B;
  --c-earthy-9: #402715;
  --c-earthy-10: #32122D;
  --c-earthy-11: #202215;
  --c-earthy-12: #0A1C19;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Deep Aquamarine (#7BDCE4), найсвітлішого тону, до Black Stallion (#0A1C19), найтемнішого. Вона об'єднує Deep Aquamarine, Jojoba, Pink Orange, Turmeric Red, Football, Common Chestnut, Planet of the Apes, Spinel Red, Night Brown, Cultist Robe, Black Mesa та Black Stallion в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 20 з них, найконтрастніша — #7BDCE4 на #0A1C19 (11,06:1).

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

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

Deep Aquamarine #7BDCE4
RGB
rgb(123, 220, 228)
HSL
hsl(185, 66%, 69%)
Яскравість
0,610
Jojoba #DABE7B
RGB
rgb(218, 190, 123)
HSL
hsl(42, 56%, 67%)
Яскравість
0,532
Pink Orange #FF8E65
RGB
rgb(255, 142, 101)
HSL
hsl(16, 100%, 70%)
Яскравість
0,416
Turmeric Red #CD7A3F
RGB
rgb(205, 122, 63)
HSL
hsl(25, 59%, 53%)
Яскравість
0,273
Football #815934
RGB
rgb(129, 89, 52)
HSL
hsl(29, 43%, 35%)
Яскравість
0,121
Common Chestnut #CD5C5C
RGB
rgb(205, 92, 92)
HSL
hsl(0, 53%, 58%)
Яскравість
0,214
Planet of the Apes #883434
RGB
rgb(136, 52, 52)
HSL
hsl(0, 45%, 37%)
Яскравість
0,079
Spinel Red #551B1B
RGB
rgb(85, 27, 27)
HSL
hsl(0, 52%, 22%)
Яскравість
0,028
Night Brown #402715
RGB
rgb(64, 39, 21)
HSL
hsl(25, 51%, 17%)
Яскравість
0,026
Cultist Robe #32122D
RGB
rgb(50, 18, 45)
HSL
hsl(309, 47%, 13%)
Яскравість
0,013
Black Mesa #202215
RGB
rgb(32, 34, 21)
HSL
hsl(69, 24%, 11%)
Яскравість
0,015
Black Stallion #0A1C19
RGB
rgb(10, 28, 25)
HSL
hsl(170, 47%, 7%)
Яскравість
0,010

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

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

Aa #7BDCE4 на #0A1C19 11,06:1 AAA
Aa #7BDCE4 на #32122D 10,48:1 AAA
Aa #7BDCE4 на #202215 10,15:1 AAA
Aa #DABE7B на #0A1C19 9,75:1 AAA
Aa #DABE7B на #32122D 9,23:1 AAA
Aa #DABE7B на #202215 8,94:1 AAA
Aa #7BDCE4 на #402715 8,69:1 AAA
Aa #7BDCE4 на #551B1B 8,47:1 AAA
Aa #FF8E65 на #0A1C19 7,80:1 AAA
Aa #DABE7B на #402715 7,66:1 AAA
Aa #DABE7B на #551B1B 7,46:1 AAA
Aa #FF8E65 на #32122D 7,39:1 AAA
Aa #FF8E65 на #202215 7,16:1 AAA
Aa #FF8E65 на #402715 6,13:1 AA
Aa #FF8E65 на #551B1B 5,97:1 AA
Aa #CD7A3F на #0A1C19 5,41:1 AA
Aa #CD7A3F на #32122D 5,12:1 AA
Aa #7BDCE4 на #883434 5,10:1 AA
Aa #CD7A3F на #202215 4,96:1 AA
Aa #DABE7B на #883434 4,50:1 AA
Aa #CD5C5C на #0A1C19 4,43:1 AA, великий текст
Aa #CD7A3F на #402715 4,25:1 AA, великий текст
Aa #CD5C5C на #32122D 4,19:1 AA, великий текст
Aa #CD7A3F на #551B1B 4,14:1 AA, великий текст
Aa #CD5C5C на #202215 4,06:1 AA, великий текст
Aa #7BDCE4 на #815934 3,87:1 AA, великий текст
Aa #FF8E65 на #883434 3,60:1 AA, великий текст
Aa #CD5C5C на #402715 3,48:1 AA, великий текст
Aa #DABE7B на #815934 3,41:1 AA, великий текст
Aa #CD5C5C на #551B1B 3,39:1 AA, великий текст
Aa #815934 на #0A1C19 2,86:1 Не проходить
Aa #FF8E65 на #815934 2,73:1 Не проходить
Aa #815934 на #32122D 2,71:1 Не проходить
Aa #815934 на #202215 2,62:1 Не проходить
Aa #7BDCE4 на #CD5C5C 2,50:1 Не проходить
Aa #CD7A3F на #883434 2,49:1 Не проходить
Aa #815934 на #402715 2,25:1 Не проходить
Aa #DABE7B на #CD5C5C 2,20:1 Не проходить
Aa #815934 на #551B1B 2,19:1 Не проходить
Aa #883434 на #0A1C19 2,17:1 Не проходить
Aa #7BDCE4 на #CD7A3F 2,05:1 Не проходить
Aa #883434 на #32122D 2,05:1 Не проходить
Aa #CD5C5C на #883434 2,04:1 Не проходить
Aa #883434 на #202215 1,99:1 Не проходить
Aa #CD7A3F на #815934 1,89:1 Не проходить
Aa #DABE7B на #CD7A3F 1,80:1 Не проходить
Aa #FF8E65 на #CD5C5C 1,76:1 Не проходить
Aa #883434 на #402715 1,70:1 Не проходить
Aa #883434 на #551B1B 1,66:1 Не проходить
Aa #815934 на #CD5C5C 1,55:1 Не проходить
Aa #FF8E65 на #CD7A3F 1,44:1 Не проходить
Aa #7BDCE4 на #FF8E65 1,42:1 Не проходить
Aa #815934 на #883434 1,32:1 Не проходить
Aa #551B1B на #0A1C19 1,31:1 Не проходить
Aa #402715 на #0A1C19 1,27:1 Не проходить
Aa #DABE7B на #FF8E65 1,25:1 Не проходить
Aa #551B1B на #32122D 1,24:1 Не проходить
Aa #CD7A3F на #CD5C5C 1,22:1 Не проходить
Aa #402715 на #32122D 1,21:1 Не проходить
Aa #551B1B на #202215 1,20:1 Не проходить
Aa #402715 на #202215 1,17:1 Не проходить
Aa #7BDCE4 на #DABE7B 1,13:1 Не проходить
Aa #202215 на #0A1C19 1,09:1 Не проходить
Aa #32122D на #0A1C19 1,06:1 Не проходить
Aa #551B1B на #402715 1,03:1 Не проходить
Aa #32122D на #202215 1,03: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 кольори