Реєстрація Реєстрація
Shido 10

Shido 10

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

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

Shido 10

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

Редагувати
Землисті 10 кольорів Теплі Змішані Комплементарна 10 shido shido10
Вподобання 33
Кольори 10

CSS-змінні

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #58122B;
  --c-earthy-3: #AF4040;
  --c-earthy-4: #FAA174;
  --c-earthy-5: #FFC783;
  --c-earthy-6: #359097;
  --c-earthy-7: #22337D;
  --c-earthy-8: #88AEC0;
  --c-earthy-9: #C4FFF0;
  --c-earthy-10: #F7F7F7;
}

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

Ця землиста палітра з 10 кольорів охоплює діапазон від Lynx White (#F7F7F7), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Black, Brown Chocolate, Landjäger, Usugaki Persimmon, Apricot Butter, Aqueous, Deep Space Royal, Chilly Blue, Arabica Mint та Lynx White в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 45. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 18 з них, найконтрастніша — #000000 на #F7F7F7 (19,6:1).

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

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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000
Brown Chocolate #58122B
RGB
rgb(88, 18, 43)
HSL
hsl(339, 66%, 21%)
Яскравість
0,027
Landjäger #AF4040
RGB
rgb(175, 64, 64)
HSL
hsl(0, 46%, 47%)
Яскравість
0,132
Usugaki Persimmon #FAA174
RGB
rgb(250, 161, 116)
HSL
hsl(20, 93%, 72%)
Яскравість
0,471
Apricot Butter #FFC783
RGB
rgb(255, 199, 131)
HSL
hsl(33, 100%, 76%)
Яскравість
0,638
Aqueous #359097
RGB
rgb(53, 144, 151)
HSL
hsl(184, 48%, 40%)
Яскравість
0,229
Deep Space Royal #22337D
RGB
rgb(34, 51, 125)
HSL
hsl(229, 57%, 31%)
Яскравість
0,042
Chilly Blue #88AEC0
RGB
rgb(136, 174, 192)
HSL
hsl(199, 31%, 64%)
Яскравість
0,393
Arabica Mint #C4FFF0
RGB
rgb(196, 255, 240)
HSL
hsl(165, 100%, 88%)
Яскравість
0,896
Lynx White #F7F7F7
RGB
rgb(247, 247, 247)
HSL
hsl(0, 0%, 97%)
Яскравість
0,930

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

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

Aa #000000 на #F7F7F7 19,60:1 AAA
Aa #000000 на #C4FFF0 18,91:1 AAA
Aa #000000 на #FFC783 13,75:1 AAA
Aa #58122B на #F7F7F7 12,76:1 AAA
Aa #58122B на #C4FFF0 12,31:1 AAA
Aa #22337D на #F7F7F7 10,67:1 AAA
Aa #000000 на #FAA174 10,41:1 AAA
Aa #22337D на #C4FFF0 10,29:1 AAA
Aa #58122B на #FFC783 8,95:1 AAA
Aa #000000 на #88AEC0 8,86:1 AAA
Aa #FFC783 на #22337D 7,48:1 AAA
Aa #58122B на #FAA174 6,78:1 AA
Aa #58122B на #88AEC0 5,77:1 AA
Aa #FAA174 на #22337D 5,67:1 AA
Aa #000000 на #359097 5,59:1 AA
Aa #AF4040 на #F7F7F7 5,40:1 AA
Aa #AF4040 на #C4FFF0 5,21:1 AA
Aa #22337D на #88AEC0 4,82:1 AA
Aa #AF4040 на #FFC783 3,79:1 AA, великий текст
Aa #58122B на #359097 3,64:1 AA, великий текст
Aa #000000 на #AF4040 3,63:1 AA, великий текст
Aa #359097 на #F7F7F7 3,51:1 AA, великий текст
Aa #359097 на #C4FFF0 3,38:1 AA, великий текст
Aa #359097 на #22337D 3,04:1 AA, великий текст
Aa #AF4040 на #FAA174 2,87:1 Не проходить
Aa #FFC783 на #359097 2,46:1 Не проходить
Aa #AF4040 на #88AEC0 2,44:1 Не проходить
Aa #58122B на #AF4040 2,36:1 Не проходить
Aa #88AEC0 на #F7F7F7 2,21:1 Не проходить
Aa #88AEC0 на #C4FFF0 2,13:1 Не проходить
Aa #AF4040 на #22337D 1,98:1 Не проходить
Aa #FAA174 на #F7F7F7 1,88:1 Не проходить
Aa #FAA174 на #359097 1,86:1 Не проходить
Aa #000000 на #22337D 1,84:1 Не проходить
Aa #FAA174 на #C4FFF0 1,82:1 Не проходить
Aa #359097 на #88AEC0 1,59:1 Не проходить
Aa #FFC783 на #88AEC0 1,55:1 Не проходить
Aa #000000 на #58122B 1,54:1 Не проходить
Aa #AF4040 на #359097 1,54:1 Не проходить
Aa #FFC783 на #F7F7F7 1,43:1 Не проходить
Aa #FFC783 на #C4FFF0 1,38:1 Не проходить
Aa #FAA174 на #FFC783 1,32:1 Не проходить
Aa #58122B на #22337D 1,20:1 Не проходить
Aa #FAA174 на #88AEC0 1,18:1 Не проходить
Aa #C4FFF0 на #F7F7F7 1,04: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 кольори