Реєстрація Реєстрація
Pwscowden

Pwscowden

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

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

Pwscowden

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

Редагувати
Землисті 10 кольорів Теплі Темні Комплементарна green yellow ocean aqua
Вподобання 15
Кольори 10

CSS-змінні

:root {
  --c-earthy-1: #0F0A0A;
  --c-earthy-2: #0F2021;
  --c-earthy-3: #0F3538;
  --c-earthy-4: #496767;
  --c-earthy-5: #87A19E;
  --c-earthy-6: #FF6600;
  --c-earthy-7: #FF9200;
  --c-earthy-8: #FFBE00;
  --c-earthy-9: #F8E08E;
  --c-earthy-10: #FAFAF0;
}

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

Ця землиста палітра з 10 кольорів охоплює діапазон від Enoki (#FAFAF0), найсвітлішого тону, до Stout (#0F0A0A), найтемнішого. Вона об'єднує Stout, Black Feather, Elite Teal, Walk Me Home, Venus Teal, Safety Orange, Tangerine, Amber, Fresh Yellow та Enoki в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 45. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 20 з них, найконтрастніша — #0F0A0A на #FAFAF0 (18,72:1).

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

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

Stout #0F0A0A
RGB
rgb(15, 10, 10)
HSL
hsl(0, 20%, 5%)
Яскравість
0,003
Black Feather #0F2021
RGB
rgb(15, 32, 33)
HSL
hsl(183, 38%, 9%)
Яскравість
0,012
Elite Teal #0F3538
RGB
rgb(15, 53, 56)
HSL
hsl(184, 58%, 14%)
Яскравість
0,029
Walk Me Home #496767
RGB
rgb(73, 103, 103)
HSL
hsl(180, 17%, 35%)
Яскравість
0,121
Venus Teal #87A19E
RGB
rgb(135, 161, 158)
HSL
hsl(173, 12%, 58%)
Яскравість
0,331
Safety Orange #FF6600
RGB
rgb(255, 102, 0)
HSL
hsl(24, 100%, 50%)
Яскравість
0,308
Tangerine #FF9200
RGB
rgb(255, 146, 0)
HSL
hsl(34, 100%, 50%)
Яскравість
0,418
Amber #FFBE00
RGB
rgb(255, 190, 0)
HSL
hsl(45, 100%, 50%)
Яскравість
0,581
Fresh Yellow #F8E08E
RGB
rgb(248, 224, 142)
HSL
hsl(46, 88%, 76%)
Яскравість
0,752
Enoki #FAFAF0
RGB
rgb(250, 250, 240)
HSL
hsl(60, 50%, 96%)
Яскравість
0,950

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

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

Aa #0F0A0A на #FAFAF0 18,72:1 AAA
Aa #0F2021 на #FAFAF0 16,01:1 AAA
Aa #0F0A0A на #F8E08E 15,02:1 AAA
Aa #0F2021 на #F8E08E 12,85:1 AAA
Aa #0F3538 на #FAFAF0 12,60:1 AAA
Aa #0F0A0A на #FFBE00 11,81:1 AAA
Aa #0F3538 на #F8E08E 10,11:1 AAA
Aa #0F2021 на #FFBE00 10,10:1 AAA
Aa #0F0A0A на #FF9200 8,77:1 AAA
Aa #0F3538 на #FFBE00 7,95:1 AAA
Aa #0F2021 на #FF9200 7,50:1 AAA
Aa #0F0A0A на #87A19E 7,14:1 AAA
Aa #0F0A0A на #FF6600 6,70:1 AA
Aa #0F2021 на #87A19E 6,10:1 AA
Aa #0F3538 на #FF9200 5,90:1 AA
Aa #496767 на #FAFAF0 5,85:1 AA
Aa #0F2021 на #FF6600 5,73:1 AA
Aa #0F3538 на #87A19E 4,80:1 AA
Aa #496767 на #F8E08E 4,69:1 AA
Aa #0F3538 на #FF6600 4,51:1 AA
Aa #496767 на #FFBE00 3,69:1 AA, великий текст
Aa #0F0A0A на #496767 3,20:1 AA, великий текст
Aa #FF6600 на #FAFAF0 2,80:1 Не проходить
Aa #0F2021 на #496767 2,74:1 Не проходить
Aa #496767 на #FF9200 2,74:1 Не проходить
Aa #87A19E на #FAFAF0 2,62:1 Не проходить
Aa #FF6600 на #F8E08E 2,24:1 Не проходить
Aa #496767 на #87A19E 2,23:1 Не проходить
Aa #0F3538 на #496767 2,16:1 Не проходить
Aa #FF9200 на #FAFAF0 2,14:1 Не проходить
Aa #87A19E на #F8E08E 2,11:1 Не проходить
Aa #496767 на #FF6600 2,09:1 Не проходить
Aa #FF6600 на #FFBE00 1,76:1 Не проходить
Aa #FF9200 на #F8E08E 1,71:1 Не проходить
Aa #87A19E на #FFBE00 1,66:1 Не проходить
Aa #FFBE00 на #FAFAF0 1,58:1 Не проходить
Aa #0F0A0A на #0F3538 1,49:1 Не проходить
Aa #FF9200 на #FFBE00 1,35:1 Не проходить
Aa #FF6600 на #FF9200 1,31:1 Не проходить
Aa #0F2021 на #0F3538 1,27:1 Не проходить
Aa #FFBE00 на #F8E08E 1,27:1 Не проходить
Aa #F8E08E на #FAFAF0 1,25:1 Не проходить
Aa #87A19E на #FF9200 1,23:1 Не проходить
Aa #0F0A0A на #0F2021 1,17:1 Не проходить
Aa #87A19E на #FF6600 1,07: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 кольори