Design system ux website colours

Создано 04/18/2023 16:28

Палитра содержит темный, светлый цвета. Акцентные цвета White #ffffff и Azure #f0ffff. Палитра имеет цветовую температуру Нейтральный, Холодный.

По светлоте палитра тянется от #141414 (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты широкий.

Насыщенность смешанная — 3 приглушённых и 2 ярких из 6 цветов.

Аналоговая палитра: оттенки расположены рядом на цветовом круге, в пределах около 60°.

Большинство полос читаются как нейтральные по температуре (5 из 6).

HEX-коды (по возрастанию): #141414, #141428, #F0F0F0, #F0F0FF, #F0FFFF, #FFFFFF

Палитра Design system ux website colours содержит комбинацию из 6 кодов цветов:

HEX: #141414, RGB: (20, 20, 20); HEX: #141428, RGB: (20, 20, 40); HEX: #ffffff, RGB: (255, 255, 255)

HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #f0f0ff, RGB: (240, 240, 255); HEX: #f0ffff, RGB: (240, 255, 255)

Упрощенная версия цветов палитры

Светлый оттенок Черный, Светлый оттенок Черный, Белый, Тёмный оттенок Дымчато-белый, Светлый оттенок Лавандовый, Лазурный

Цветовая схема создана автором colorswall

Коды цветов в палитре

Design system ux website colours коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#141414	#141414	RGB(20, 20, 20)	Black	Sooty
#141428	#141428	RGB(20, 20, 40)	Eerie Black	—
#ffffff	#ffffff	RGB(255, 255, 255)	White	—
#f0f0f0	#f0f0f0	RGB(240, 240, 240)	Anti-Flash White	Gray94
#f0f0ff	#f0f0ff	RGB(240, 240, 255)	Alice Blue	—
#f0ffff	#f0ffff	RGB(240, 255, 255)	Azure	Vapor

7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.