Реєстрація Реєстрація
BASIC BIT

BASIC BIT

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

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

BASIC BIT

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

Редагувати
Землисті 9 кольорів Теплі Світлі Комплементарна simple lowsaturation rainbow
Вподобання 107
Кольори 9

CSS-змінні

:root {
  --c-earthy-1: #D76C6C;
  --c-earthy-2: #F49461;
  --c-earthy-3: #FFDD7E;
  --c-earthy-4: #87BF72;
  --c-earthy-5: #6A94B1;
  --c-earthy-6: #73577E;
  --c-earthy-7: #FFFCF1;
  --c-earthy-8: #BEBEB4;
  --c-earthy-9: #3E3E3E;
}

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

Ця землиста палітра з 9 кольорів охоплює діапазон від Granulated Sugar (#FFFCF1), найсвітлішого тону, до Black Lacquer (#3E3E3E), найтемнішого. Вона об'єднує Coral Expression, Brown Sand, Cup Noodles, Laudable Lime, Aragonite Blue, Dr Who, Granulated Sugar, Light Year та Black Lacquer в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 7 з них, найконтрастніша — #FFFCF1 на #3E3E3E (10,41:1).

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

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

Coral Expression #D76C6C
RGB
rgb(215, 108, 108)
HSL
hsl(0, 57%, 63%)
Яскравість
0,263
Brown Sand #F49461
RGB
rgb(244, 148, 97)
HSL
hsl(21, 87%, 67%)
Яскравість
0,413
Cup Noodles #FFDD7E
RGB
rgb(255, 221, 126)
HSL
hsl(44, 100%, 75%)
Яскравість
0,745
Laudable Lime #87BF72
RGB
rgb(135, 191, 114)
HSL
hsl(104, 38%, 60%)
Яскравість
0,436
Aragonite Blue #6A94B1
RGB
rgb(106, 148, 177)
HSL
hsl(205, 31%, 55%)
Яскравість
0,274
Dr Who #73577E
RGB
rgb(115, 87, 126)
HSL
hsl(283, 18%, 42%)
Яскравість
0,120
Granulated Sugar #FFFCF1
RGB
rgb(255, 252, 241)
HSL
hsl(47, 100%, 97%)
Яскравість
0,972
Light Year #BEBEB4
RGB
rgb(190, 190, 180)
HSL
hsl(60, 7%, 73%)
Яскравість
0,511
Black Lacquer #3E3E3E
RGB
rgb(62, 62, 62)
HSL
hsl(0, 0%, 24%)
Яскравість
0,048

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

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

Aa #FFFCF1 на #3E3E3E 10,41:1 AAA
Aa #FFDD7E на #3E3E3E 8,10:1 AAA
Aa #73577E на #FFFCF1 6,03:1 AA
Aa #BEBEB4 на #3E3E3E 5,71:1 AA
Aa #87BF72 на #3E3E3E 4,95:1 AA
Aa #F49461 на #3E3E3E 4,71:1 AA
Aa #FFDD7E на #73577E 4,68:1 AA
Aa #6A94B1 на #3E3E3E 3,30:1 AA, великий текст
Aa #73577E на #BEBEB4 3,30:1 AA, великий текст
Aa #D76C6C на #FFFCF1 3,27:1 AA, великий текст
Aa #D76C6C на #3E3E3E 3,18:1 AA, великий текст
Aa #6A94B1 на #FFFCF1 3,15:1 AA, великий текст
Aa #87BF72 на #73577E 2,87:1 Не проходить
Aa #F49461 на #73577E 2,73:1 Не проходить
Aa #D76C6C на #FFDD7E 2,54:1 Не проходить
Aa #FFDD7E на #6A94B1 2,45:1 Не проходить
Aa #F49461 на #FFFCF1 2,21:1 Не проходить
Aa #87BF72 на #FFFCF1 2,10:1 Не проходить
Aa #6A94B1 на #73577E 1,91:1 Не проходить
Aa #D76C6C на #73577E 1,84:1 Не проходить
Aa #FFFCF1 на #BEBEB4 1,82:1 Не проходить
Aa #D76C6C на #BEBEB4 1,79:1 Не проходить
Aa #6A94B1 на #BEBEB4 1,73:1 Не проходить
Aa #73577E на #3E3E3E 1,73:1 Не проходить
Aa #F49461 на #FFDD7E 1,72:1 Не проходить
Aa #FFDD7E на #87BF72 1,63:1 Не проходить
Aa #D76C6C на #87BF72 1,56:1 Не проходить
Aa #87BF72 на #6A94B1 1,50:1 Не проходить
Aa #D76C6C на #F49461 1,48:1 Не проходить
Aa #F49461 на #6A94B1 1,43:1 Не проходить
Aa #FFDD7E на #BEBEB4 1,42:1 Не проходить
Aa #FFDD7E на #FFFCF1 1,29:1 Не проходить
Aa #F49461 на #BEBEB4 1,21:1 Не проходить
Aa #87BF72 на #BEBEB4 1,15:1 Не проходить
Aa #F49461 на #87BF72 1,05:1 Не проходить
Aa #D76C6C на #6A94B1 1,04:1 Не проходить

Схожі палітри

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 кольори
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 кольори
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 кольори
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 кольори
#F38181 #FCE38A #EAFFD0 #95E1D3
4 кольори
#B7C4CF #EEE3CB #D7C0AE #967E76
4 кольори
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 кольори
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 кольори