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

Num_02

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

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

Num_02

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

Редагувати
Землисті 12 кольорів Теплі Змішані Аналогова two 2 number num
Вподобання 68
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #B1B1B1;
  --c-earthy-3: #575757;
  --c-earthy-4: #FFFFFF;
  --c-earthy-5: #666600;
  --c-earthy-6: #CACA00;
  --c-earthy-7: #99004C;
  --c-earthy-8: #FF6BB5;
  --c-earthy-9: #00753A;
  --c-earthy-10: #00E572;
  --c-earthy-11: #0000A5;
  --c-earthy-12: #8989FF;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від White (#FFFFFF), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Black, Palladium, Shadow Mountain, White, Earthy Khaki Green, Golden Foil, Celestial Pink, Fěn Hóng Pink, Dartmouth Green, Benzol Green, Bohemian Blue та Lavender Blue Shadow в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 18 з них, найконтрастніша — #000000 на #FFFFFF (21:1).

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

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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000
Palladium #B1B1B1
RGB
rgb(177, 177, 177)
HSL
hsl(0, 0%, 69%)
Яскравість
0,440
Shadow Mountain #575757
RGB
rgb(87, 87, 87)
HSL
hsl(0, 0%, 34%)
Яскравість
0,095
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Яскравість
1,000
Earthy Khaki Green #666600
RGB
rgb(102, 102, 0)
HSL
hsl(60, 100%, 20%)
Яскравість
0,123
Golden Foil #CACA00
RGB
rgb(202, 202, 0)
HSL
hsl(60, 100%, 40%)
Яскравість
0,548
Celestial Pink #99004C
RGB
rgb(153, 0, 76)
HSL
hsl(330, 100%, 30%)
Яскравість
0,073
Fěn Hóng Pink #FF6BB5
RGB
rgb(255, 107, 181)
HSL
hsl(330, 100%, 71%)
Яскравість
0,351
Dartmouth Green #00753A
RGB
rgb(0, 117, 58)
HSL
hsl(150, 100%, 23%)
Яскравість
0,130
Benzol Green #00E572
RGB
rgb(0, 229, 114)
HSL
hsl(150, 100%, 45%)
Яскравість
0,573
Bohemian Blue #0000A5
RGB
rgb(0, 0, 165)
HSL
hsl(240, 100%, 32%)
Яскравість
0,027
Lavender Blue Shadow #8989FF
RGB
rgb(137, 137, 255)
HSL
hsl(240, 100%, 77%)
Яскравість
0,304

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

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

Aa #000000 на #FFFFFF 21,00:1 AAA
Aa #FFFFFF на #0000A5 13,61:1 AAA
Aa #000000 на #00E572 12,45:1 AAA
Aa #000000 на #CACA00 11,96:1 AAA
Aa #000000 на #B1B1B1 9,79:1 AAA
Aa #FFFFFF на #99004C 8,54:1 AAA
Aa #00E572 на #0000A5 8,07:1 AAA
Aa #000000 на #FF6BB5 8,02:1 AAA
Aa #CACA00 на #0000A5 7,75:1 AAA
Aa #575757 на #FFFFFF 7,23:1 AAA
Aa #000000 на #8989FF 7,09:1 AAA
Aa #B1B1B1 на #0000A5 6,35:1 AA
Aa #FFFFFF на #666600 6,06:1 AA
Aa #FFFFFF на #00753A 5,82:1 AA
Aa #FF6BB5 на #0000A5 5,20:1 AA
Aa #99004C на #00E572 5,06:1 AA
Aa #CACA00 на #99004C 4,86:1 AA
Aa #0000A5 на #8989FF 4,59:1 AA
Aa #575757 на #00E572 4,28:1 AA, великий текст
Aa #575757 на #CACA00 4,12:1 AA, великий текст
Aa #B1B1B1 на #99004C 3,98:1 AA, великий текст
Aa #000000 на #00753A 3,61:1 AA, великий текст
Aa #666600 на #00E572 3,59:1 AA, великий текст
Aa #000000 на #666600 3,47:1 AA, великий текст
Aa #666600 на #CACA00 3,45:1 AA, великий текст
Aa #00753A на #00E572 3,45:1 AA, великий текст
Aa #B1B1B1 на #575757 3,37:1 AA, великий текст
Aa #CACA00 на #00753A 3,32:1 AA, великий текст
Aa #99004C на #FF6BB5 3,26:1 AA, великий текст
Aa #FFFFFF на #8989FF 2,96:1 Не проходить
Aa #000000 на #575757 2,91:1 Не проходить
Aa #99004C на #8989FF 2,88:1 Не проходить
Aa #B1B1B1 на #666600 2,83:1 Не проходить
Aa #575757 на #FF6BB5 2,76:1 Не проходить
Aa #B1B1B1 на #00753A 2,72:1 Не проходить
Aa #FFFFFF на #FF6BB5 2,62:1 Не проходить
Aa #000000 на #99004C 2,46:1 Не проходить
Aa #575757 на #8989FF 2,44:1 Не проходить
Aa #00753A на #0000A5 2,34:1 Не проходить
Aa #666600 на #FF6BB5 2,31:1 Не проходить
Aa #666600 на #0000A5 2,25:1 Не проходить
Aa #FF6BB5 на #00753A 2,22:1 Не проходить
Aa #B1B1B1 на #FFFFFF 2,14:1 Не проходить
Aa #666600 на #8989FF 2,04:1 Не проходить
Aa #00753A на #8989FF 1,97:1 Не проходить
Aa #575757 на #0000A5 1,88:1 Не проходить
Aa #FFFFFF на #CACA00 1,76:1 Не проходить
Aa #00E572 на #8989FF 1,76:1 Не проходить
Aa #FFFFFF на #00E572 1,69:1 Не проходить
Aa #CACA00 на #8989FF 1,69:1 Не проходить
Aa #99004C на #0000A5 1,59:1 Не проходить
Aa #FF6BB5 на #00E572 1,55:1 Не проходить
Aa #000000 на #0000A5 1,54:1 Не проходить
Aa #CACA00 на #FF6BB5 1,49:1 Не проходить
Aa #99004C на #00753A 1,47:1 Не проходить
Aa #666600 на #99004C 1,41:1 Не проходить
Aa #B1B1B1 на #8989FF 1,38:1 Не проходить
Aa #B1B1B1 на #00E572 1,27:1 Не проходить
Aa #575757 на #00753A 1,24:1 Не проходить
Aa #B1B1B1 на #CACA00 1,22:1 Не проходить
Aa #B1B1B1 на #FF6BB5 1,22:1 Не проходить
Aa #575757 на #666600 1,19:1 Не проходить
Aa #575757 на #99004C 1,18:1 Не проходить
Aa #FF6BB5 на #8989FF 1,13:1 Не проходить
Aa #666600 на #00753A 1,04:1 Не проходить
Aa #CACA00 на #00E572 1,04:1 Не проходить

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

#F9ED69 #F08A5D #B83B5E #6A2C70
4 кольори
#7D5A50 #B4846C #E5B299 #FCDEC0
4 кольори
#FFF8EA #9E7676 #815B5B #594545
4 кольори
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 кольори
#F67280 #C06C84 #6C5B7B #355C7D
4 кольори
#2B2E4A #E84545 #903749 #53354A
4 кольори
#E5D9B6 #A4BE7B #5F8D4E #285430
4 кольори
#A9907E #F3DEBA #ABC4AA #675D50
4 кольори