Реєстрація Реєстрація
Soviet X12

Soviet X12

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

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

Soviet X12

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

Редагувати
Землисті 12 кольорів Теплі Темні Аналогова old aesthetic retro soviet
Вподобання 47
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #090706;
  --c-earthy-2: #1D1613;
  --c-earthy-3: #332923;
  --c-earthy-4: #521818;
  --c-earthy-5: #732820;
  --c-earthy-6: #A73E2C;
  --c-earthy-7: #C58129;
  --c-earthy-8: #DEAA31;
  --c-earthy-9: #FFD64A;
  --c-earthy-10: #E69552;
  --c-earthy-11: #EEBA73;
  --c-earthy-12: #FFDA94;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Cha-Cha-Cha (#FFDA94), найсвітлішого тону, до Accursed Black (#090706), найтемнішого. Вона об'єднує Accursed Black, Nightshade Berries, Betel Nut Dye, Spinel Red, Hazelnut Kisses, Edocha, Geebung, Currywurst, Tuscan Sun, Butternut Pizazz, Kernel та Cha-Cha-Cha в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 27 з них, найконтрастніша — #090706 на #FFDA94 (15,04:1).

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

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

Accursed Black #090706
RGB
rgb(9, 7, 6)
HSL
hsl(20, 20%, 3%)
Яскравість
0,002
Nightshade Berries #1D1613
RGB
rgb(29, 22, 19)
HSL
hsl(18, 21%, 9%)
Яскравість
0,009
Betel Nut Dye #332923
RGB
rgb(51, 41, 35)
HSL
hsl(23, 19%, 17%)
Яскравість
0,024
Spinel Red #521818
RGB
rgb(82, 24, 24)
HSL
hsl(0, 55%, 21%)
Яскравість
0,025
Hazelnut Kisses #732820
RGB
rgb(115, 40, 32)
HSL
hsl(6, 56%, 29%)
Яскравість
0,053
Edocha #A73E2C
RGB
rgb(167, 62, 44)
HSL
hsl(9, 58%, 41%)
Яскравість
0,118
Geebung #C58129
RGB
rgb(197, 129, 41)
HSL
hsl(34, 66%, 47%)
Яскравість
0,277
Currywurst #DEAA31
RGB
rgb(222, 170, 49)
HSL
hsl(42, 72%, 53%)
Яскравість
0,445
Tuscan Sun #FFD64A
RGB
rgb(255, 214, 74)
HSL
hsl(46, 100%, 65%)
Яскравість
0,699
Butternut Pizazz #E69552
RGB
rgb(230, 149, 82)
HSL
hsl(27, 75%, 61%)
Яскравість
0,389
Kernel #EEBA73
RGB
rgb(238, 186, 115)
HSL
hsl(35, 78%, 69%)
Яскравість
0,545
Cha-Cha-Cha #FFDA94
RGB
rgb(255, 218, 148)
HSL
hsl(39, 100%, 79%)
Яскравість
0,735

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

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

Aa #090706 на #FFDA94 15,04:1 AAA
Aa #090706 на #FFD64A 14,33:1 AAA
Aa #1D1613 на #FFDA94 13,35:1 AAA
Aa #1D1613 на #FFD64A 12,72:1 AAA
Aa #090706 на #EEBA73 11,40:1 AAA
Aa #332923 на #FFDA94 10,60:1 AAA
Aa #521818 на #FFDA94 10,45:1 AAA
Aa #1D1613 на #EEBA73 10,12:1 AAA
Aa #332923 на #FFD64A 10,10:1 AAA
Aa #521818 на #FFD64A 9,96:1 AAA
Aa #090706 на #DEAA31 9,48:1 AAA
Aa #1D1613 на #DEAA31 8,42:1 AAA
Aa #090706 на #E69552 8,41:1 AAA
Aa #332923 на #EEBA73 8,03:1 AAA
Aa #521818 на #EEBA73 7,92:1 AAA
Aa #732820 на #FFDA94 7,65:1 AAA
Aa #1D1613 на #E69552 7,47:1 AAA
Aa #732820 на #FFD64A 7,29:1 AAA
Aa #332923 на #DEAA31 6,68:1 AA
Aa #521818 на #DEAA31 6,59:1 AA
Aa #090706 на #C58129 6,27:1 AA
Aa #332923 на #E69552 5,93:1 AA
Aa #521818 на #E69552 5,85:1 AA
Aa #732820 на #EEBA73 5,80:1 AA
Aa #1D1613 на #C58129 5,56:1 AA
Aa #732820 на #DEAA31 4,82:1 AA
Aa #A73E2C на #FFDA94 4,66:1 AA
Aa #A73E2C на #FFD64A 4,44:1 AA, великий текст
Aa #332923 на #C58129 4,42:1 AA, великий текст
Aa #521818 на #C58129 4,36:1 AA, великий текст
Aa #732820 на #E69552 4,28:1 AA, великий текст
Aa #A73E2C на #EEBA73 3,53:1 AA, великий текст
Aa #090706 на #A73E2C 3,22:1 AA, великий текст
Aa #732820 на #C58129 3,19:1 AA, великий текст
Aa #A73E2C на #DEAA31 2,94:1 Не проходить
Aa #1D1613 на #A73E2C 2,86:1 Не проходить
Aa #A73E2C на #E69552 2,61:1 Не проходить
Aa #C58129 на #FFDA94 2,40:1 Не проходить
Aa #C58129 на #FFD64A 2,29:1 Не проходить
Aa #332923 на #A73E2C 2,27:1 Не проходить
Aa #521818 на #A73E2C 2,24:1 Не проходить
Aa #090706 на #732820 1,97:1 Не проходить
Aa #A73E2C на #C58129 1,94:1 Не проходить
Aa #C58129 на #EEBA73 1,82:1 Не проходить
Aa #E69552 на #FFDA94 1,79:1 Не проходить
Aa #1D1613 на #732820 1,75:1 Не проходить
Aa #FFD64A на #E69552 1,70:1 Не проходить
Aa #732820 на #A73E2C 1,64:1 Не проходить
Aa #DEAA31 на #FFDA94 1,59:1 Не проходить
Aa #C58129 на #DEAA31 1,51:1 Не проходить
Aa #DEAA31 на #FFD64A 1,51:1 Не проходить
Aa #090706 на #521818 1,44:1 Не проходить
Aa #090706 на #332923 1,42:1 Не проходить
Aa #332923 на #732820 1,39:1 Не проходить
Aa #521818 на #732820 1,37:1 Не проходить
Aa #E69552 на #EEBA73 1,36:1 Не проходить
Aa #C58129 на #E69552 1,34:1 Не проходить
Aa #EEBA73 на #FFDA94 1,32:1 Не проходить
Aa #1D1613 на #521818 1,28:1 Не проходить
Aa #1D1613 на #332923 1,26:1 Не проходить
Aa #FFD64A на #EEBA73 1,26:1 Не проходить
Aa #DEAA31 на #EEBA73 1,20:1 Не проходить
Aa #090706 на #1D1613 1,13:1 Не проходить
Aa #DEAA31 на #E69552 1,13:1 Не проходить
Aa #FFD64A на #FFDA94 1,05:1 Не проходить
Aa #332923 на #521818 1,01: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 кольори