Реєстрація Реєстрація
Exquisite Corpse

Exquisite Corpse

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

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

Exquisite Corpse

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

Редагувати
Землисті 12 кольорів Холодні Змішані Комплементарна pixelart dark warm blue
Вподобання 35
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #A38152;
  --c-earthy-2: #D2C19C;
  --c-earthy-3: #E8DBCB;
  --c-earthy-4: #74A5BC;
  --c-earthy-5: #5273A3;
  --c-earthy-6: #354A8A;
  --c-earthy-7: #232A73;
  --c-earthy-8: #1C155F;
  --c-earthy-9: #2A0033;
  --c-earthy-10: #000000;
  --c-earthy-11: #56320E;
  --c-earthy-12: #8A4235;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Cascade Beige (#E8DBCB), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Forbidden Peanut, Dakota Trail, Cascade Beige, Blue Ridge Mist, Chesty Bond, Truth, Blue Rose, Ocean Abyss, Porphyrophobia, Black, Moelleux au Chocolat та Mattar Paneer в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 19 з них, найконтрастніша — #E8DBCB на #000000 (15,43:1).

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

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

Forbidden Peanut #A38152
RGB
rgb(163, 129, 82)
HSL
hsl(35, 33%, 48%)
Яскравість
0,241
Dakota Trail #D2C19C
RGB
rgb(210, 193, 156)
HSL
hsl(41, 38%, 72%)
Яскравість
0,542
Cascade Beige #E8DBCB
RGB
rgb(232, 219, 203)
HSL
hsl(33, 39%, 85%)
Яскравість
0,721
Blue Ridge Mist #74A5BC
RGB
rgb(116, 165, 188)
HSL
hsl(199, 35%, 60%)
Яскравість
0,343
Chesty Bond #5273A3
RGB
rgb(82, 115, 163)
HSL
hsl(216, 33%, 48%)
Яскравість
0,167
Truth #354A8A
RGB
rgb(53, 74, 138)
HSL
hsl(225, 45%, 37%)
Яскравість
0,075
Blue Rose #232A73
RGB
rgb(35, 42, 115)
HSL
hsl(235, 53%, 29%)
Яскравість
0,033
Ocean Abyss #1C155F
RGB
rgb(28, 21, 95)
HSL
hsl(246, 64%, 23%)
Яскравість
0,016
Porphyrophobia #2A0033
RGB
rgb(42, 0, 51)
HSL
hsl(289, 100%, 10%)
Яскравість
0,007
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000
Moelleux au Chocolat #56320E
RGB
rgb(86, 50, 14)
HSL
hsl(30, 72%, 20%)
Яскравість
0,043
Mattar Paneer #8A4235
RGB
rgb(138, 66, 53)
HSL
hsl(9, 45%, 37%)
Яскравість
0,096

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

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

Aa #E8DBCB на #000000 15,43:1 AAA
Aa #E8DBCB на #2A0033 13,46:1 AAA
Aa #D2C19C на #000000 11,85:1 AAA
Aa #E8DBCB на #1C155F 11,67:1 AAA
Aa #D2C19C на #2A0033 10,34:1 AAA
Aa #E8DBCB на #232A73 9,35:1 AAA
Aa #D2C19C на #1C155F 8,96:1 AAA
Aa #E8DBCB на #56320E 8,30:1 AAA
Aa #74A5BC на #000000 7,85:1 AAA
Aa #D2C19C на #232A73 7,18:1 AAA
Aa #74A5BC на #2A0033 6,85:1 AA
Aa #D2C19C на #56320E 6,38:1 AA
Aa #E8DBCB на #354A8A 6,18:1 AA
Aa #74A5BC на #1C155F 5,94:1 AA
Aa #A38152 на #000000 5,82:1 AA
Aa #E8DBCB на #8A4235 5,30:1 AA
Aa #A38152 на #2A0033 5,08:1 AA
Aa #74A5BC на #232A73 4,76:1 AA
Aa #D2C19C на #354A8A 4,74:1 AA
Aa #A38152 на #1C155F 4,40:1 AA, великий текст
Aa #5273A3 на #000000 4,34:1 AA, великий текст
Aa #74A5BC на #56320E 4,22:1 AA, великий текст
Aa #D2C19C на #8A4235 4,07:1 AA, великий текст
Aa #5273A3 на #2A0033 3,79:1 AA, великий текст
Aa #E8DBCB на #5273A3 3,55:1 AA, великий текст
Aa #A38152 на #232A73 3,53:1 AA, великий текст
Aa #5273A3 на #1C155F 3,28:1 AA, великий текст
Aa #74A5BC на #354A8A 3,14:1 AA, великий текст
Aa #A38152 на #56320E 3,13:1 AA, великий текст
Aa #000000 на #8A4235 2,91:1 Не проходить
Aa #D2C19C на #5273A3 2,73:1 Не проходить
Aa #74A5BC на #8A4235 2,70:1 Не проходить
Aa #A38152 на #E8DBCB 2,65:1 Не проходить
Aa #5273A3 на #232A73 2,63:1 Не проходить
Aa #2A0033 на #8A4235 2,54:1 Не проходить
Aa #354A8A на #000000 2,50:1 Не проходить
Aa #5273A3 на #56320E 2,34:1 Не проходить
Aa #A38152 на #354A8A 2,33:1 Не проходить
Aa #1C155F на #8A4235 2,20:1 Не проходить
Aa #354A8A на #2A0033 2,18:1 Не проходить
Aa #A38152 на #D2C19C 2,04:1 Не проходить
Aa #A38152 на #8A4235 2,00:1 Не проходить
Aa #E8DBCB на #74A5BC 1,96:1 Не проходить
Aa #354A8A на #1C155F 1,89:1 Не проходить
Aa #000000 на #56320E 1,86:1 Не проходить
Aa #74A5BC на #5273A3 1,81:1 Не проходить
Aa #232A73 на #8A4235 1,76:1 Не проходить
Aa #5273A3 на #354A8A 1,74:1 Не проходить
Aa #232A73 на #000000 1,65:1 Не проходить
Aa #2A0033 на #56320E 1,62:1 Не проходить
Aa #56320E на #8A4235 1,57:1 Не проходить
Aa #D2C19C на #74A5BC 1,51:1 Не проходить
Aa #354A8A на #232A73 1,51:1 Не проходить
Aa #5273A3 на #8A4235 1,49:1 Не проходить
Aa #232A73 на #2A0033 1,44:1 Не проходить
Aa #1C155F на #56320E 1,41:1 Не проходить
Aa #A38152 на #74A5BC 1,35:1 Не проходить
Aa #A38152 на #5273A3 1,34:1 Не проходить
Aa #354A8A на #56320E 1,34:1 Не проходить
Aa #1C155F на #000000 1,32:1 Не проходить
Aa #D2C19C на #E8DBCB 1,30:1 Не проходить
Aa #232A73 на #1C155F 1,25:1 Не проходить
Aa #354A8A на #8A4235 1,17:1 Не проходить
Aa #1C155F на #2A0033 1,15:1 Не проходить
Aa #2A0033 на #000000 1,15:1 Не проходить
Aa #232A73 на #56320E 1,13:1 Не проходить

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

#222831 #393E46 #00ADB5 #EEEEEE
4 кольори
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 кольори
#1B262C #0F4C75 #3282B8 #BBE1FA
4 кольори
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 кольори
#27374D #526D82 #9DB2BF #DDE6ED
4 кольори
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 кольори
#E4F9F5 #30E3CA #11999E #40514E
4 кольори
#F0F5F9 #C9D6DF #52616B #1E2022
4 кольори