Реєстрація Реєстрація
Japanese Woodblock

Japanese Woodblock

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

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

Japanese Woodblock

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

Редагувати
Землисті 12 кольорів Теплі Змішані Комплементарна artist polyducks
Вподобання 1 232
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #2B2821;
  --c-earthy-2: #624C3C;
  --c-earthy-3: #D9AC8B;
  --c-earthy-4: #E3CFB4;
  --c-earthy-5: #243D5C;
  --c-earthy-6: #5D7275;
  --c-earthy-7: #5C8B93;
  --c-earthy-8: #B1A58D;
  --c-earthy-9: #B03A48;
  --c-earthy-10: #D4804D;
  --c-earthy-11: #E0C872;
  --c-earthy-12: #3E6958;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Lovely Bluff (#E3CFB4), найсвітлішого тону, до Maire (#2B2821), найтемнішого. Вона об'єднує Maire, Half-Caff, White Acorn, Lovely Bluff, Nautilus, Riverway, Tort, Safari Vest, Frosted Pomegranate, Seraphim Sepia, Dijon Mustard та June Ivy в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 11 з них, найконтрастніша — #2B2821 на #E3CFB4 (9,7:1).

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

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

Maire #2B2821
RGB
rgb(43, 40, 33)
HSL
hsl(42, 13%, 15%)
Яскравість
0,021
Half-Caff #624C3C
RGB
rgb(98, 76, 60)
HSL
hsl(25, 24%, 31%)
Яскравість
0,081
White Acorn #D9AC8B
RGB
rgb(217, 172, 139)
HSL
hsl(25, 51%, 70%)
Яскравість
0,461
Lovely Bluff #E3CFB4
RGB
rgb(227, 207, 180)
HSL
hsl(34, 46%, 80%)
Яскравість
0,643
Nautilus #243D5C
RGB
rgb(36, 61, 92)
HSL
hsl(213, 44%, 25%)
Яскравість
0,045
Riverway #5D7275
RGB
rgb(93, 114, 117)
HSL
hsl(188, 11%, 41%)
Яскравість
0,157
Tort #5C8B93
RGB
rgb(92, 139, 147)
HSL
hsl(189, 23%, 47%)
Яскравість
0,229
Safari Vest #B1A58D
RGB
rgb(177, 165, 141)
HSL
hsl(40, 19%, 62%)
Яскравість
0,382
Frosted Pomegranate #B03A48
RGB
rgb(176, 58, 72)
HSL
hsl(353, 50%, 46%)
Яскравість
0,127
Seraphim Sepia #D4804D
RGB
rgb(212, 128, 77)
HSL
hsl(23, 61%, 57%)
Яскравість
0,300
Dijon Mustard #E0C872
RGB
rgb(224, 200, 114)
HSL
hsl(47, 64%, 66%)
Яскравість
0,584
June Ivy #3E6958
RGB
rgb(62, 105, 88)
HSL
hsl(156, 26%, 33%)
Яскравість
0,118

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

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

Aa #2B2821 на #E3CFB4 9,70:1 AAA
Aa #2B2821 на #E0C872 8,87:1 AAA
Aa #E3CFB4 на #243D5C 7,30:1 AAA
Aa #2B2821 на #D9AC8B 7,16:1 AAA
Aa #243D5C на #E0C872 6,68:1 AA
Aa #2B2821 на #B1A58D 6,05:1 AA
Aa #D9AC8B на #243D5C 5,39:1 AA
Aa #624C3C на #E3CFB4 5,29:1 AA
Aa #2B2821 на #D4804D 4,90:1 AA
Aa #624C3C на #E0C872 4,84:1 AA
Aa #243D5C на #B1A58D 4,55:1 AA
Aa #E3CFB4 на #3E6958 4,11:1 AA, великий текст
Aa #E3CFB4 на #B03A48 3,91:1 AA, великий текст
Aa #2B2821 на #5C8B93 3,90:1 AA, великий текст
Aa #624C3C на #D9AC8B 3,90:1 AA, великий текст
Aa #E0C872 на #3E6958 3,76:1 AA, великий текст
Aa #243D5C на #D4804D 3,69:1 AA, великий текст
Aa #B03A48 на #E0C872 3,58:1 AA, великий текст
Aa #E3CFB4 на #5D7275 3,35:1 AA, великий текст
Aa #624C3C на #B1A58D 3,30:1 AA, великий текст
Aa #5D7275 на #E0C872 3,07:1 AA, великий текст
Aa #D9AC8B на #3E6958 3,04:1 AA, великий текст
Aa #243D5C на #5C8B93 2,94:1 Не проходить
Aa #2B2821 на #5D7275 2,89:1 Не проходить
Aa #D9AC8B на #B03A48 2,88:1 Не проходить
Aa #624C3C на #D4804D 2,67:1 Не проходить
Aa #B1A58D на #3E6958 2,57:1 Не проходить
Aa #E3CFB4 на #5C8B93 2,49:1 Не проходить
Aa #2B2821 на #B03A48 2,48:1 Не проходить
Aa #D9AC8B на #5D7275 2,48:1 Не проходить
Aa #B1A58D на #B03A48 2,44:1 Не проходить
Aa #2B2821 на #3E6958 2,36:1 Не проходить
Aa #5C8B93 на #E0C872 2,28:1 Не проходить
Aa #243D5C на #5D7275 2,18:1 Не проходить
Aa #624C3C на #5C8B93 2,13:1 Не проходить
Aa #5D7275 на #B1A58D 2,09:1 Не проходить
Aa #D4804D на #3E6958 2,08:1 Не проходить
Aa #E3CFB4 на #D4804D 1,98:1 Не проходить
Aa #B03A48 на #D4804D 1,97:1 Не проходить
Aa #243D5C на #B03A48 1,87:1 Не проходить
Aa #D9AC8B на #5C8B93 1,84:1 Не проходить
Aa #2B2821 на #624C3C 1,83:1 Не проходить
Aa #D4804D на #E0C872 1,81:1 Не проходить
Aa #243D5C на #3E6958 1,77:1 Не проходить
Aa #5D7275 на #D4804D 1,69:1 Не проходить
Aa #5C8B93 на #3E6958 1,65:1 Не проходить
Aa #E3CFB4 на #B1A58D 1,60:1 Не проходить
Aa #624C3C на #5D7275 1,58:1 Не проходить
Aa #5C8B93 на #B03A48 1,57:1 Не проходить
Aa #5C8B93 на #B1A58D 1,55:1 Не проходить
Aa #B1A58D на #E0C872 1,47:1 Не проходить
Aa #D9AC8B на #D4804D 1,46:1 Не проходить
Aa #624C3C на #243D5C 1,38:1 Не проходить
Aa #624C3C на #B03A48 1,35:1 Не проходить
Aa #D9AC8B на #E3CFB4 1,35:1 Не проходить
Aa #5D7275 на #5C8B93 1,35:1 Не проходить
Aa #2B2821 на #243D5C 1,33:1 Не проходить
Aa #624C3C на #3E6958 1,29:1 Не проходить
Aa #5C8B93 на #D4804D 1,26:1 Не проходить
Aa #D9AC8B на #E0C872 1,24:1 Не проходить
Aa #5D7275 на #3E6958 1,23:1 Не проходить
Aa #B1A58D на #D4804D 1,23:1 Не проходить
Aa #D9AC8B на #B1A58D 1,18:1 Не проходить
Aa #5D7275 на #B03A48 1,16:1 Не проходить
Aa #E3CFB4 на #E0C872 1,09:1 Не проходить
Aa #B03A48 на #3E6958 1,05: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 кольори