Реєстрація Реєстрація
Cherry Bear

Cherry Bear

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

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

Cherry Bear

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

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

CSS-змінні

:root {
  --c-earthy-1: #0D0C11;
  --c-earthy-2: #472A36;
  --c-earthy-3: #7D3B48;
  --c-earthy-4: #A35454;
  --c-earthy-5: #BC6A6A;
  --c-earthy-6: #D58A78;
  --c-earthy-7: #FBB396;
}

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

Ця землиста палітра з 7 кольорів охоплює діапазон від Mermaid Cheeks (#FBB396), найсвітлішого тону, до Midnight Oil (#0D0C11), найтемнішого. Вона об'єднує Midnight Oil, Wine Tasting, Ripe Rhubarb, The Ego Has Landed, Watermelon Crush, Zanci та Mermaid Cheeks в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 21. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 6 з них, найконтрастніша — #0D0C11 на #FBB396 (11,12:1).

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

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

Midnight Oil #0D0C11
RGB
rgb(13, 12, 17)
HSL
hsl(252, 17%, 6%)
Яскравість
0,004
Wine Tasting #472A36
RGB
rgb(71, 42, 54)
HSL
hsl(335, 26%, 22%)
Яскравість
0,033
Ripe Rhubarb #7D3B48
RGB
rgb(125, 59, 72)
HSL
hsl(348, 36%, 36%)
Яскравість
0,080
The Ego Has Landed #A35454
RGB
rgb(163, 84, 84)
HSL
hsl(0, 32%, 48%)
Яскравість
0,148
Watermelon Crush #BC6A6A
RGB
rgb(188, 106, 106)
HSL
hsl(0, 38%, 58%)
Яскравість
0,220
Zanci #D58A78
RGB
rgb(213, 138, 120)
HSL
hsl(12, 53%, 65%)
Яскравість
0,337
Mermaid Cheeks #FBB396
RGB
rgb(251, 179, 150)
HSL
hsl(17, 93%, 79%)
Яскравість
0,550

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

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

Aa #0D0C11 на #FBB396 11,12:1 AAA
Aa #472A36 на #FBB396 7,26:1 AAA
Aa #0D0C11 на #D58A78 7,18:1 AAA
Aa #0D0C11 на #BC6A6A 5,02:1 AA
Aa #472A36 на #D58A78 4,68:1 AA
Aa #7D3B48 на #FBB396 4,63:1 AA
Aa #0D0C11 на #A35454 3,67:1 AA, великий текст
Aa #472A36 на #BC6A6A 3,27:1 AA, великий текст
Aa #A35454 на #FBB396 3,03:1 AA, великий текст
Aa #7D3B48 на #D58A78 2,99:1 Не проходить
Aa #0D0C11 на #7D3B48 2,40:1 Не проходить
Aa #472A36 на #A35454 2,39:1 Не проходить
Aa #BC6A6A на #FBB396 2,22:1 Не проходить
Aa #7D3B48 на #BC6A6A 2,09:1 Не проходить
Aa #A35454 на #D58A78 1,96:1 Не проходить
Aa #472A36 на #7D3B48 1,57:1 Не проходить
Aa #D58A78 на #FBB396 1,55:1 Не проходить
Aa #0D0C11 на #472A36 1,53:1 Не проходить
Aa #7D3B48 на #A35454 1,53:1 Не проходить
Aa #BC6A6A на #D58A78 1,43:1 Не проходить
Aa #A35454 на #BC6A6A 1,37: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 кольори