Палітри кольорів
Web design ui colours

Створено 02/13/2022 17:38

0.14k

Web design ui colours

Brass
#b69a48
Isabelline
#f7f4eb
Dark Brown
#5e5025
Gray (HTML/CSS Gray)
#7c8484
Pale Silver
#c4c4b4
Outer Space
#3e5048

Палітра містить світлий кольори. Акцентні кольори Dark Brown #5e5025 та Gray (HTML/CSS Gray) #7c8484. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.

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

Насиченість у середньому діапазоні.

Відтінки лежать у сусідній смузі на колі (евристика).

Теплі й холодні зразки доволі збалансовані.

HEX-коди (відсортовано): #3E5048, #5E5025, #7C8484, #B69A48, #C4C4B4, #F7F4EB

Палітра Web design ui colours містить комбінацію з 6 кодів кольорів :

HEX: #b69a48, RGB: (182, 154, 72); HEX: #f7f4eb, RGB: (247, 244, 235); HEX: #5e5025, RGB: (94, 80, 37)

HEX: #7c8484, RGB: (124, 132, 132); HEX: #c4c4b4, RGB: (196, 196, 180); HEX: #3e5048, RGB: (62, 80, 72)

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

Відтінок darkgoldenrod, Відтінок floralwhite, Відтінок darkolivegreen, Відтінок Сірий, Відтінок Срібний, Відтінок darkslategrey

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

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

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

Web design ui colours коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#b69a48	#b69a48	RGB(182, 154, 72)	Brass	—
#f7f4eb	#f7f4eb	RGB(247, 244, 235)	Isabelline	—
#5e5025	#5e5025	RGB(94, 80, 37)	Dark Brown	—
#7c8484	#7c8484	RGB(124, 132, 132)	Gray (HTML/CSS Gray)	—
#c4c4b4	#c4c4b4	RGB(196, 196, 180)	Pale Silver	—
#3e5048	#3e5048	RGB(62, 80, 72)	Outer Space	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#b69a48	#7c8484	1.4
#b69a48	#c4c4b4	1.54
#f7f4eb	#c4c4b4	1.6
#5e5025	#3e5048	1.08

Зображення палітри Web design ui colours png

--color-brass:	#b69a48;
--color-isabelline:	#f7f4eb;
--color-dark-brown:	#5e5025;
--color-gray-htmlcss-gray:	#7c8484;
--color-pale-silver:	#c4c4b4;
--color-outer-space:	#3e5048;

$color-brass:	#b69a48;
$color-isabelline:	#f7f4eb;
$color-dark-brown:	#5e5025;
$color-gray-htmlcss-gray:	#7c8484;
$color-pale-silver:	#c4c4b4;
$color-outer-space:	#3e5048;

@color-brass:	#b69a48;
@color-isabelline:	#f7f4eb;
@color-dark-brown:	#5e5025;
@color-gray-htmlcss-gray:	#7c8484;
@color-pale-silver:	#c4c4b4;
@color-outer-space:	#3e5048;

Web design ui colours

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

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

Зображення палітри Web design ui colours png

Схожі палітри кольорів