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

REDORB12

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

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

REDORB12

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

Редагувати
Землисті 12 кольорів Теплі Темні Монохромна monoramp dark black red
Вподобання 68
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #060607;
  --c-earthy-2: #1D1E21;
  --c-earthy-3: #261415;
  --c-earthy-4: #372625;
  --c-earthy-5: #452727;
  --c-earthy-6: #602322;
  --c-earthy-7: #8D2523;
  --c-earthy-8: #BA332D;
  --c-earthy-9: #FF4537;
  --c-earthy-10: #FF8E6D;
  --c-earthy-11: #F1A39D;
  --c-earthy-12: #FFCBB5;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Peach and Quiet (#FFCBB5), найсвітлішого тону, до Black Metal (#060607), найтемнішого. Вона об'єднує Black Metal, Inkwell Inception, Used Oil, Aubergine, New Bulgarian Rose, Full City Roast, Old Mandarin, Molten Lava, Hotspot, Salmon Orange, Modestly Peach та Peach and Quiet в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 22 з них, найконтрастніша — #060607 на #FFCBB5 (13,95:1).

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

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

Black Metal #060607
RGB
rgb(6, 6, 7)
HSL
hsl(240, 8%, 3%)
Яскравість
0,002
Inkwell Inception #1D1E21
RGB
rgb(29, 30, 33)
HSL
hsl(225, 6%, 12%)
Яскравість
0,013
Used Oil #261415
RGB
rgb(38, 20, 21)
HSL
hsl(357, 31%, 11%)
Яскравість
0,010
Aubergine #372625
RGB
rgb(55, 38, 37)
HSL
hsl(3, 20%, 18%)
Яскравість
0,023
New Bulgarian Rose #452727
RGB
rgb(69, 39, 39)
HSL
hsl(0, 28%, 21%)
Яскравість
0,029
Full City Roast #602322
RGB
rgb(96, 35, 34)
HSL
hsl(1, 48%, 25%)
Яскравість
0,038
Old Mandarin #8D2523
RGB
rgb(141, 37, 35)
HSL
hsl(1, 60%, 35%)
Яскравість
0,071
Molten Lava #BA332D
RGB
rgb(186, 51, 45)
HSL
hsl(3, 61%, 45%)
Яскравість
0,130
Hotspot #FF4537
RGB
rgb(255, 69, 55)
HSL
hsl(4, 100%, 61%)
Яскравість
0,258
Salmon Orange #FF8E6D
RGB
rgb(255, 142, 109)
HSL
hsl(14, 100%, 71%)
Яскравість
0,417
Modestly Peach #F1A39D
RGB
rgb(241, 163, 157)
HSL
hsl(4, 75%, 78%)
Яскравість
0,473
Peach and Quiet #FFCBB5
RGB
rgb(255, 203, 181)
HSL
hsl(18, 100%, 85%)
Яскравість
0,673

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

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

Aa #060607 на #FFCBB5 13,95:1 AAA
Aa #261415 на #FFCBB5 12,12:1 AAA
Aa #1D1E21 на #FFCBB5 11,48:1 AAA
Aa #060607 на #F1A39D 10,09:1 AAA
Aa #372625 на #FFCBB5 9,86:1 AAA
Aa #452727 на #FFCBB5 9,20:1 AAA
Aa #060607 на #FF8E6D 9,01:1 AAA
Aa #261415 на #F1A39D 8,77:1 AAA
Aa #1D1E21 на #F1A39D 8,31:1 AAA
Aa #602322 на #FFCBB5 8,21:1 AAA
Aa #261415 на #FF8E6D 7,83:1 AAA
Aa #1D1E21 на #FF8E6D 7,41:1 AAA
Aa #372625 на #F1A39D 7,14:1 AAA
Aa #452727 на #F1A39D 6,66:1 AA
Aa #372625 на #FF8E6D 6,37:1 AA
Aa #8D2523 на #FFCBB5 5,97:1 AA
Aa #060607 на #FF4537 5,94:1 AA
Aa #452727 на #FF8E6D 5,94:1 AA
Aa #602322 на #F1A39D 5,94:1 AA
Aa #602322 на #FF8E6D 5,31:1 AA
Aa #261415 на #FF4537 5,16:1 AA
Aa #1D1E21 на #FF4537 4,89:1 AA
Aa #8D2523 на #F1A39D 4,32:1 AA, великий текст
Aa #372625 на #FF4537 4,20:1 AA, великий текст
Aa #BA332D на #FFCBB5 4,02:1 AA, великий текст
Aa #452727 на #FF4537 3,92:1 AA, великий текст
Aa #8D2523 на #FF8E6D 3,86:1 AA, великий текст
Aa #602322 на #FF4537 3,50:1 AA, великий текст
Aa #060607 на #BA332D 3,47:1 AA, великий текст
Aa #261415 на #BA332D 3,02:1 AA, великий текст
Aa #BA332D на #F1A39D 2,91:1 Не проходить
Aa #1D1E21 на #BA332D 2,86:1 Не проходить
Aa #BA332D на #FF8E6D 2,60:1 Не проходить
Aa #8D2523 на #FF4537 2,54:1 Не проходить
Aa #372625 на #BA332D 2,45:1 Не проходить
Aa #FF4537 на #FFCBB5 2,35:1 Не проходить
Aa #060607 на #8D2523 2,34:1 Не проходить
Aa #452727 на #BA332D 2,29:1 Не проходить
Aa #602322 на #BA332D 2,04:1 Не проходить
Aa #261415 на #8D2523 2,03:1 Не проходить
Aa #1D1E21 на #8D2523 1,92:1 Не проходить
Aa #BA332D на #FF4537 1,71:1 Не проходить
Aa #060607 на #602322 1,70:1 Не проходить
Aa #FF4537 на #F1A39D 1,70:1 Не проходить
Aa #372625 на #8D2523 1,65:1 Не проходить
Aa #FF8E6D на #FFCBB5 1,55:1 Не проходить
Aa #452727 на #8D2523 1,54:1 Не проходить
Aa #060607 на #452727 1,52:1 Не проходить
Aa #FF4537 на #FF8E6D 1,52:1 Не проходить
Aa #8D2523 на #BA332D 1,49:1 Не проходить
Aa #261415 на #602322 1,48:1 Не проходить
Aa #060607 на #372625 1,41:1 Не проходить
Aa #1D1E21 на #602322 1,40:1 Не проходить
Aa #602322 на #8D2523 1,38:1 Не проходить
Aa #F1A39D на #FFCBB5 1,38:1 Не проходить
Aa #261415 на #452727 1,32:1 Не проходить
Aa #1D1E21 на #452727 1,25:1 Не проходить
Aa #261415 на #372625 1,23:1 Не проходить
Aa #060607 на #1D1E21 1,22:1 Не проходить
Aa #372625 на #602322 1,20:1 Не проходить
Aa #1D1E21 на #372625 1,16:1 Не проходить
Aa #060607 на #261415 1,15:1 Не проходить
Aa #452727 на #602322 1,12:1 Не проходить
Aa #FF8E6D на #F1A39D 1,12:1 Не проходить
Aa #372625 на #452727 1,07:1 Не проходить
Aa #1D1E21 на #261415 1,06: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 кольори