Реєстрація Реєстрація
Lord Of The Maps

Lord Of The Maps

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

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

Lord Of The Maps

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

Редагувати
Землисті 8 кольорів Теплі Темні Аналогова map 8colors fantasy lotr
Вподобання 137
Кольори 8

CSS-змінні

:root {
  --c-earthy-1: #C0C188;
  --c-earthy-2: #A09878;
  --c-earthy-3: #526143;
  --c-earthy-4: #272910;
  --c-earthy-5: #866350;
  --c-earthy-6: #823F3A;
  --c-earthy-7: #432015;
  --c-earthy-8: #1C1009;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від Kiss a Frog (#C0C188), найсвітлішого тону, до Crowshead (#1C1009), найтемнішого. Вона об'єднує Kiss a Frog, A Frond in Need, Cub Scout, Black Mesa, How Now, Russet Brown, Longan’s Kernel та Crowshead в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 6 з них, найконтрастніша — #C0C188 на #1C1009 (9,96:1).

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

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

Kiss a Frog #C0C188
RGB
rgb(192, 193, 136)
HSL
hsl(61, 31%, 65%)
Яскравість
0,511
A Frond in Need #A09878
RGB
rgb(160, 152, 120)
HSL
hsl(48, 17%, 55%)
Яскравість
0,313
Cub Scout #526143
RGB
rgb(82, 97, 67)
HSL
hsl(90, 18%, 32%)
Яскравість
0,108
Black Mesa #272910
RGB
rgb(39, 41, 16)
HSL
hsl(65, 44%, 11%)
Яскравість
0,021
How Now #866350
RGB
rgb(134, 99, 80)
HSL
hsl(21, 25%, 42%)
Яскравість
0,146
Russet Brown #823F3A
RGB
rgb(130, 63, 58)
HSL
hsl(4, 38%, 37%)
Яскравість
0,086
Longan’s Kernel #432015
RGB
rgb(67, 32, 21)
HSL
hsl(14, 52%, 17%)
Яскравість
0,023
Crowshead #1C1009
RGB
rgb(28, 16, 9)
HSL
hsl(22, 51%, 7%)
Яскравість
0,006

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

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

Aa #C0C188 на #1C1009 9,96:1 AAA
Aa #C0C188 на #272910 7,96:1 AAA
Aa #C0C188 на #432015 7,71:1 AAA
Aa #A09878 на #1C1009 6,44:1 AA
Aa #A09878 на #272910 5,14:1 AA
Aa #A09878 на #432015 4,98:1 AA
Aa #C0C188 на #823F3A 4,12:1 AA, великий текст
Aa #C0C188 на #526143 3,56:1 AA, великий текст
Aa #866350 на #1C1009 3,47:1 AA, великий текст
Aa #C0C188 на #866350 2,87:1 Не проходить
Aa #526143 на #1C1009 2,79:1 Не проходить
Aa #272910 на #866350 2,77:1 Не проходить
Aa #866350 на #432015 2,69:1 Не проходить
Aa #A09878 на #823F3A 2,67:1 Не проходить
Aa #823F3A на #1C1009 2,41:1 Не проходить
Aa #A09878 на #526143 2,30:1 Не проходить
Aa #526143 на #272910 2,23:1 Не проходить
Aa #526143 на #432015 2,16:1 Не проходить
Aa #272910 на #823F3A 1,93:1 Не проходить
Aa #823F3A на #432015 1,87:1 Не проходить
Aa #A09878 на #866350 1,85:1 Не проходить
Aa #C0C188 на #A09878 1,55:1 Не проходить
Aa #866350 на #823F3A 1,44:1 Не проходить
Aa #432015 на #1C1009 1,29:1 Не проходить
Aa #272910 на #1C1009 1,25:1 Не проходить
Aa #526143 на #866350 1,24:1 Не проходить
Aa #526143 на #823F3A 1,16:1 Не проходить
Aa #272910 на #432015 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 кольори