Реєстрація Реєстрація
Rusting Copper

Rusting Copper

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

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

Rusting Copper

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

Редагувати
Землисті 6 кольорів Холодні Темні Комплементарна
Вподобання 18
Кольори 6

CSS-змінні

:root {
  --c-earthy-1: #804E1D;
  --c-earthy-2: #64301A;
  --c-earthy-3: #6F615C;
  --c-earthy-4: #3A5154;
  --c-earthy-5: #1E252D;
  --c-earthy-6: #030911;
}

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

Ця землиста палітра з 6 кольорів охоплює діапазон від Fozzie Bear (#6F615C), найсвітлішого тону, до Black Knight (#030911), найтемнішого. Вона об'єднує Milk Chocolate, Overbaked, Fozzie Bear, Mountain Pine, Black Pearl та Black Knight в один набір, який можна одразу перенести в інтерфейс. Жодна з 15 пар кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

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

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

Milk Chocolate #804E1D
RGB
rgb(128, 78, 29)
HSL
hsl(30, 63%, 31%)
Яскравість
0,101
Overbaked #64301A
RGB
rgb(100, 48, 26)
HSL
hsl(18, 59%, 25%)
Яскравість
0,049
Fozzie Bear #6F615C
RGB
rgb(111, 97, 92)
HSL
hsl(16, 9%, 40%)
Яскравість
0,127
Mountain Pine #3A5154
RGB
rgb(58, 81, 84)
HSL
hsl(187, 18%, 28%)
Яскравість
0,074
Black Pearl #1E252D
RGB
rgb(30, 37, 45)
HSL
hsl(212, 20%, 15%)
Яскравість
0,018
Black Knight #030911
RGB
rgb(3, 9, 17)
HSL
hsl(214, 70%, 4%)
Яскравість
0,003

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

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

Aa #6F615C на #030911 3,37:1 AA, великий текст
Aa #804E1D на #030911 2,88:1 Не проходить
Aa #6F615C на #1E252D 2,61:1 Не проходить
Aa #3A5154 на #030911 2,36:1 Не проходить
Aa #804E1D на #1E252D 2,23:1 Не проходить
Aa #64301A на #030911 1,88:1 Не проходить
Aa #3A5154 на #1E252D 1,83:1 Не проходить
Aa #64301A на #6F615C 1,79:1 Не проходить
Aa #804E1D на #64301A 1,53:1 Не проходить
Aa #64301A на #1E252D 1,46:1 Не проходить
Aa #6F615C на #3A5154 1,42:1 Не проходить
Aa #1E252D на #030911 1,29:1 Не проходить
Aa #64301A на #3A5154 1,26:1 Не проходить
Aa #804E1D на #3A5154 1,22:1 Не проходить
Aa #804E1D на #6F615C 1,17:1 Не проходить

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

#212121 #323232 #0D7377 #14FFEC
4 кольори
#0A2647 #144272 #205295 #2C74B3
4 кольори
#040D12 #183D3D #5C8374 #93B1A6
4 кольори
#142850 #27496D #0C7B93 #00A8CC
4 кольори
#635985 #443C68 #393053 #18122B
4 кольори
#000000 #150050 #3F0071 #610094
4 кольори
#151515 #301B3F #3C415C #B4A5A5
4 кольори
#041C32 #04293A #064663 #ECB365
4 кольори