Реєстрація Реєстрація
JR Tattoo

JR Tattoo

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

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

JR Tattoo

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

Редагувати
Землисті 12 кольорів Теплі Змішані Тріадна pastel desaturated tattoo
Вподобання 12
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #4D2D2D;
  --c-earthy-2: #933936;
  --c-earthy-3: #A17140;
  --c-earthy-4: #BE9E56;
  --c-earthy-5: #BBB37F;
  --c-earthy-6: #CAC2B4;
  --c-earthy-7: #395432;
  --c-earthy-8: #2D3B33;
  --c-earthy-9: #292928;
  --c-earthy-10: #768394;
  --c-earthy-11: #9E9E9E;
  --c-earthy-12: #CBCAC5;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Gentle Rain (#CBCAC5), найсвітлішого тону, до Chromaphobic Black (#292928), найтемнішого. Вона об'єднує Dark Roast, Vermilion Seabass, Castellina, Steampunk Gold, Leek Powder, Whisper Ridge, Zen Garden Olive, Scarab, Chromaphobic Black, Tranquil Pond, Mortar Grey та Gentle Rain в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 16 з них, найконтрастніша — #292928 на #CBCAC5 (8,87:1).

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

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

Dark Roast #4D2D2D
RGB
rgb(77, 45, 45)
HSL
hsl(0, 26%, 24%)
Яскравість
0,036
Vermilion Seabass #933936
RGB
rgb(147, 57, 54)
HSL
hsl(2, 46%, 39%)
Яскравість
0,094
Castellina #A17140
RGB
rgb(161, 113, 64)
HSL
hsl(30, 43%, 44%)
Яскравість
0,198
Steampunk Gold #BE9E56
RGB
rgb(190, 158, 86)
HSL
hsl(42, 44%, 54%)
Яскравість
0,361
Leek Powder #BBB37F
RGB
rgb(187, 179, 127)
HSL
hsl(52, 31%, 62%)
Яскравість
0,443
Whisper Ridge #CAC2B4
RGB
rgb(202, 194, 180)
HSL
hsl(38, 17%, 75%)
Яскравість
0,544
Zen Garden Olive #395432
RGB
rgb(57, 84, 50)
HSL
hsl(108, 25%, 26%)
Яскравість
0,074
Scarab #2D3B33
RGB
rgb(45, 59, 51)
HSL
hsl(146, 13%, 20%)
Яскравість
0,039
Chromaphobic Black #292928
RGB
rgb(41, 41, 40)
HSL
hsl(60, 1%, 16%)
Яскравість
0,022
Tranquil Pond #768394
RGB
rgb(118, 131, 148)
HSL
hsl(214, 12%, 52%)
Яскравість
0,222
Mortar Grey #9E9E9E
RGB
rgb(158, 158, 158)
HSL
hsl(0, 0%, 62%)
Яскравість
0,342
Gentle Rain #CBCAC5
RGB
rgb(203, 202, 197)
HSL
hsl(50, 5%, 78%)
Яскравість
0,590

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

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

Aa #292928 на #CBCAC5 8,87:1 AAA
Aa #CAC2B4 на #292928 8,24:1 AAA
Aa #4D2D2D на #CBCAC5 7,40:1 AAA
Aa #2D3B33 на #CBCAC5 7,17:1 AAA
Aa #4D2D2D на #CAC2B4 6,88:1 AA
Aa #BBB37F на #292928 6,84:1 AA
Aa #CAC2B4 на #2D3B33 6,66:1 AA
Aa #4D2D2D на #BBB37F 5,71:1 AA
Aa #BE9E56 на #292928 5,70:1 AA
Aa #BBB37F на #2D3B33 5,53:1 AA
Aa #292928 на #9E9E9E 5,44:1 AA
Aa #395432 на #CBCAC5 5,14:1 AA
Aa #CAC2B4 на #395432 4,78:1 AA
Aa #4D2D2D на #BE9E56 4,75:1 AA
Aa #BE9E56 на #2D3B33 4,60:1 AA
Aa #4D2D2D на #9E9E9E 4,53:1 AA
Aa #933936 на #CBCAC5 4,44:1 AA, великий текст
Aa #2D3B33 на #9E9E9E 4,39:1 AA, великий текст
Aa #933936 на #CAC2B4 4,13:1 AA, великий текст
Aa #BBB37F на #395432 3,97:1 AA, великий текст
Aa #292928 на #768394 3,78:1 AA, великий текст
Aa #933936 на #BBB37F 3,43:1 AA, великий текст
Aa #A17140 на #292928 3,43:1 AA, великий текст
Aa #BE9E56 на #395432 3,30:1 AA, великий текст
Aa #4D2D2D на #768394 3,15:1 AA, великий текст
Aa #395432 на #9E9E9E 3,15:1 AA, великий текст
Aa #2D3B33 на #768394 3,05:1 AA, великий текст
Aa #4D2D2D на #A17140 2,86:1 Не проходить
Aa #933936 на #BE9E56 2,85:1 Не проходить
Aa #A17140 на #2D3B33 2,77:1 Не проходить
Aa #933936 на #9E9E9E 2,72:1 Не проходить
Aa #A17140 на #CBCAC5 2,58:1 Не проходить
Aa #A17140 на #CAC2B4 2,40:1 Не проходить
Aa #768394 на #CBCAC5 2,35:1 Не проходить
Aa #395432 на #768394 2,19:1 Не проходить
Aa #CAC2B4 на #768394 2,18:1 Не проходить
Aa #933936 на #292928 2,00:1 Не проходить
Aa #A17140 на #BBB37F 1,99:1 Не проходить
Aa #A17140 на #395432 1,99:1 Не проходить
Aa #933936 на #768394 1,89:1 Не проходить
Aa #BBB37F на #768394 1,81:1 Не проходить
Aa #395432 на #292928 1,73:1 Не проходить
Aa #933936 на #A17140 1,72:1 Не проходить
Aa #4D2D2D на #933936 1,67:1 Не проходить
Aa #A17140 на #BE9E56 1,66:1 Не проходить
Aa #9E9E9E на #CBCAC5 1,63:1 Не проходить
Aa #933936 на #2D3B33 1,61:1 Не проходить
Aa #A17140 на #9E9E9E 1,58:1 Не проходить
Aa #BE9E56 на #CBCAC5 1,56:1 Не проходить
Aa #CAC2B4 на #9E9E9E 1,52:1 Не проходить
Aa #BE9E56 на #768394 1,51:1 Не проходить
Aa #BE9E56 на #CAC2B4 1,45:1 Не проходить
Aa #4D2D2D на #395432 1,44:1 Не проходить
Aa #768394 на #9E9E9E 1,44:1 Не проходить
Aa #395432 на #2D3B33 1,39:1 Не проходить
Aa #BBB37F на #CBCAC5 1,30:1 Не проходить
Aa #BBB37F на #9E9E9E 1,26:1 Не проходить
Aa #2D3B33 на #292928 1,24:1 Не проходить
Aa #4D2D2D на #292928 1,20:1 Не проходить
Aa #BE9E56 на #BBB37F 1,20:1 Не проходить
Aa #BBB37F на #CAC2B4 1,20:1 Не проходить
Aa #933936 на #395432 1,16:1 Не проходить
Aa #A17140 на #768394 1,10:1 Не проходить
Aa #CAC2B4 на #CBCAC5 1,08:1 Не проходить
Aa #BE9E56 на #9E9E9E 1,05:1 Не проходить
Aa #4D2D2D на #2D3B33 1,03: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 кольори