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

Kyu

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

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

Kyu

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

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

CSS-змінні

:root {
  --c-earthy-1: #01060F;
  --c-earthy-2: #3E2E2F;
  --c-earthy-3: #5A5475;
  --c-earthy-4: #837A7C;
  --c-earthy-5: #D5917D;
  --c-earthy-6: #F1B674;
  --c-earthy-7: #F5BCA4;
  --c-earthy-8: #BDB1C2;
  --c-earthy-9: #EB83A0;
  --c-earthy-10: #B67995;
}

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

Ця землиста палітра з 10 кольорів охоплює діапазон від Heirloom Apricot (#F5BCA4), найсвітлішого тону, до Eight Ball (#01060F), найтемнішого. Вона об'єднує Eight Ball, Chocolate Plum, The Fang, Storm Front, Orange Essential, Golden Corn, Heirloom Apricot, Almost Plum, Iced Berry та Choral Singer в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 45. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 12 з них, найконтрастніша — #01060F на #F5BCA4 (12,19:1).

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

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

Eight Ball #01060F
RGB
rgb(1, 6, 15)
HSL
hsl(219, 88%, 3%)
Яскравість
0,002
Chocolate Plum #3E2E2F
RGB
rgb(62, 46, 47)
HSL
hsl(356, 15%, 21%)
Яскравість
0,032
The Fang #5A5475
RGB
rgb(90, 84, 117)
HSL
hsl(251, 16%, 39%)
Яскравість
0,098
Storm Front #837A7C
RGB
rgb(131, 122, 124)
HSL
hsl(347, 4%, 50%)
Яскравість
0,202
Orange Essential #D5917D
RGB
rgb(213, 145, 125)
HSL
hsl(14, 51%, 66%)
Яскравість
0,359
Golden Corn #F1B674
RGB
rgb(241, 182, 116)
HSL
hsl(32, 82%, 70%)
Яскравість
0,534
Heirloom Apricot #F5BCA4
RGB
rgb(245, 188, 164)
HSL
hsl(18, 80%, 80%)
Яскравість
0,581
Almost Plum #BDB1C2
RGB
rgb(189, 177, 194)
HSL
hsl(282, 12%, 73%)
Яскравість
0,462
Iced Berry #EB83A0
RGB
rgb(235, 131, 160)
HSL
hsl(343, 72%, 72%)
Яскравість
0,364
Choral Singer #B67995
RGB
rgb(182, 121, 149)
HSL
hsl(332, 29%, 59%)
Яскравість
0,258

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

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

Aa #01060F на #F5BCA4 12,19:1 AAA
Aa #01060F на #F1B674 11,30:1 AAA
Aa #01060F на #BDB1C2 9,89:1 AAA
Aa #01060F на #EB83A0 8,01:1 AAA
Aa #01060F на #D5917D 7,90:1 AAA
Aa #3E2E2F на #F5BCA4 7,71:1 AAA
Aa #3E2E2F на #F1B674 7,14:1 AAA
Aa #3E2E2F на #BDB1C2 6,25:1 AA
Aa #01060F на #B67995 5,95:1 AA
Aa #3E2E2F на #EB83A0 5,06:1 AA
Aa #3E2E2F на #D5917D 5,00:1 AA
Aa #01060F на #837A7C 4,87:1 AA
Aa #5A5475 на #F5BCA4 4,26:1 AA, великий текст
Aa #5A5475 на #F1B674 3,95:1 AA, великий текст
Aa #3E2E2F на #B67995 3,76:1 AA, великий текст
Aa #5A5475 на #BDB1C2 3,46:1 AA, великий текст
Aa #3E2E2F на #837A7C 3,08:1 AA, великий текст
Aa #01060F на #5A5475 2,86:1 Не проходить
Aa #5A5475 на #EB83A0 2,80:1 Не проходить
Aa #5A5475 на #D5917D 2,76:1 Не проходить
Aa #837A7C на #F5BCA4 2,50:1 Не проходить
Aa #837A7C на #F1B674 2,32:1 Не проходить
Aa #5A5475 на #B67995 2,08:1 Не проходить
Aa #F5BCA4 на #B67995 2,05:1 Не проходить
Aa #837A7C на #BDB1C2 2,03:1 Не проходить
Aa #F1B674 на #B67995 1,90:1 Не проходить
Aa #3E2E2F на #5A5475 1,81:1 Не проходить
Aa #5A5475 на #837A7C 1,70:1 Не проходить
Aa #BDB1C2 на #B67995 1,66:1 Не проходить
Aa #837A7C на #EB83A0 1,64:1 Не проходить
Aa #837A7C на #D5917D 1,62:1 Не проходить
Aa #01060F на #3E2E2F 1,58:1 Не проходить
Aa #D5917D на #F5BCA4 1,54:1 Не проходить
Aa #F5BCA4 на #EB83A0 1,52:1 Не проходить
Aa #D5917D на #F1B674 1,43:1 Не проходить
Aa #F1B674 на #EB83A0 1,41:1 Не проходить
Aa #EB83A0 на #B67995 1,35:1 Не проходить
Aa #D5917D на #B67995 1,33:1 Не проходить
Aa #D5917D на #BDB1C2 1,25:1 Не проходить
Aa #F5BCA4 на #BDB1C2 1,23:1 Не проходить
Aa #BDB1C2 на #EB83A0 1,23:1 Не проходить
Aa #837A7C на #B67995 1,22:1 Не проходить
Aa #F1B674 на #BDB1C2 1,14:1 Не проходить
Aa #F1B674 на #F5BCA4 1,08:1 Не проходить
Aa #D5917D на #EB83A0 1,01: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 кольори