Ux design app vector colors

Portland Orange
#fa4f34
Melon
#f4b4b4
Vampire Black
#040c0c
Old Silver
#838484
Pastel Blue
#a5becc
Black Olive
#3c443c

Палітра містить світлий, темний кольори. Акцентні кольори Portland Orange #fa4f34 та Vampire Black #040c0c. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.

За світлістю палітра сягає від #040C0C (найтемніший) до #F4B4B4 (найсвітліший). Діапазон світлості широкий.

Насиченість змішана — є приглушені й більш яскраві акценти.

Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).

Загалом температура зміщена в бік теплого.

HEX-коди (відсортовано): #040C0C, #3C443C, #838484, #A5BECC, #F4B4B4, #FA4F34

Палітра Ux design app vector colors містить комбінацію з 6 кодів кольорів :

HEX: #fa4f34, RGB: (250, 79, 52); HEX: #f4b4b4, RGB: (244, 180, 180); HEX: #040c0c, RGB: (4, 12, 12)

HEX: #838484, RGB: (131, 132, 132); HEX: #a5becc, RGB: (165, 190, 204); HEX: #3c443c, RGB: (60, 68, 60)

Спрощений варіант палітри кольорів

Відтінок tomato, Відтінок lightpink, Відтінок Чорний, Відтінок Сірий, Відтінок lightsteelblue, Відтінок darkslategrey

Кольорова схема створена автором hex

Більше палітр з:

Коди кольорів у палітрі

Ux design app vector colors коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#fa4f34	#fa4f34	RGB(250, 79, 52)	Portland Orange	—
#f4b4b4	#f4b4b4	RGB(244, 180, 180)	Melon	—
#040c0c	#040c0c	RGB(4, 12, 12)	Vampire Black	—
#838484	#838484	RGB(131, 132, 132)	Old Silver	—
#a5becc	#a5becc	RGB(165, 190, 204)	Pastel Blue	—
#3c443c	#3c443c	RGB(60, 68, 60)	Black Olive	—

Контраст палітри кольорів

6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.

Колір тексту	Колір фону	Коефіцієнт контрастності
#fa4f34	#f4b4b4	1.93
#fa4f34	#838484	1.11
#fa4f34	#a5becc	1.73
#f4b4b4	#a5becc	1.11
#040c0c	#3c443c	1.96
#838484	#a5becc	1.93

Зображення палітри Ux design app vector colors png

--color-portland-orange:	#fa4f34;
--color-melon:	#f4b4b4;
--color-vampire-black:	#040c0c;
--color-old-silver:	#838484;
--color-pastel-blue:	#a5becc;
--color-black-olive:	#3c443c;

$color-portland-orange:	#fa4f34;
$color-melon:	#f4b4b4;
$color-vampire-black:	#040c0c;
$color-old-silver:	#838484;
$color-pastel-blue:	#a5becc;
$color-black-olive:	#3c443c;

@color-portland-orange:	#fa4f34;
@color-melon:	#f4b4b4;
@color-vampire-black:	#040c0c;
@color-old-silver:	#838484;
@color-pastel-blue:	#a5becc;
@color-black-olive:	#3c443c;