Task ux style cuberto

Black
#141414
Cosmic Cobalt
#3c288c
Alice Blue
#f0f0ff
Gainsboro
#dcdcdc
Baby Blue
#8cc8f0
Anti-Flash White
#f0f0f0

Палітра містить темний, світлий кольори. Акцентні кольори Alice Blue #f0f0ff та Anti-Flash White #f0f0f0. Палітра має температуру кольорів Нейтральний, Холодний.

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

Насиченість змішана — 3 приглушених і 3 яскравих із 6 кольорів.

Розподіл відтінків нагадує переважно аналогову групу шириною близько 48° (евристика, не суворе правило).

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

HEX-коди (відсортовано): #141414, #3C288C, #8CC8F0, #DCDCDC, #F0F0F0, #F0F0FF

Палітра Task ux style cuberto містить комбінацію з 6 кодів кольорів :

HEX: #141414, RGB: (20, 20, 20); HEX: #3c288c, RGB: (60, 40, 140); HEX: #f0f0ff, RGB: (240, 240, 255)

HEX: #dcdcdc, RGB: (220, 220, 220); HEX: #8cc8f0, RGB: (140, 200, 240); HEX: #f0f0f0, RGB: (240, 240, 240)

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

Відтінок Чорний, Відтінок darkslateblue, Відтінок lavender, Відтінок lightskyblue, Відтінок whitesmoke

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

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

Task ux style cuberto коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#141414	#141414	RGB(20, 20, 20)	Black	Sooty
#3c288c	#3c288c	RGB(60, 40, 140)	Cosmic Cobalt	—
#f0f0ff	#f0f0ff	RGB(240, 240, 255)	Alice Blue	—
#dcdcdc	#dcdcdc	RGB(220, 220, 220)	Gainsboro	—
#8cc8f0	#8cc8f0	RGB(140, 200, 240)	Baby Blue	—
#f0f0f0	#f0f0f0	RGB(240, 240, 240)	Anti-Flash White	Gray94

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#141414	#3c288c	1.64
#f0f0ff	#dcdcdc	1.21
#f0f0ff	#8cc8f0	1.59
#f0f0ff	#f0f0f0	1.01
#dcdcdc	#8cc8f0	1.31
#dcdcdc	#f0f0f0	1.2

Зображення палітри Task ux style cuberto png

--color-black:	#141414;
--color-cosmic-cobalt:	#3c288c;
--color-alice-blue:	#f0f0ff;
--color-gainsboro:	#dcdcdc;
--color-baby-blue:	#8cc8f0;
--color-anti-flash-white:	#f0f0f0;

$color-black:	#141414;
$color-cosmic-cobalt:	#3c288c;
$color-alice-blue:	#f0f0ff;
$color-gainsboro:	#dcdcdc;
$color-baby-blue:	#8cc8f0;
$color-anti-flash-white:	#f0f0f0;

@color-black:	#141414;
@color-cosmic-cobalt:	#3c288c;
@color-alice-blue:	#f0f0ff;
@color-gainsboro:	#dcdcdc;
@color-baby-blue:	#8cc8f0;
@color-anti-flash-white:	#f0f0f0;