Design system ux website colours

Utworzono 04/18/2023 16:28

Paleta składa się z kolorów Ciemny, Jasny. Kolory akcentujące White #ffffff i Azure #f0ffff. Paleta ma temperaturę kolorów Neutralny, Zimny.

Według jasności paleta rozciąga się od #141414 (najciemniejszy) do #FFFFFF (najjaśniejszy). Zakres jasności jest szeroki.

Nasycenie jest mieszane — 3 stonowanych i 2 żywych z 6 kolorów.

Paleta analogiczna: jej odcienie leżą blisko siebie na kole barw, w zakresie około 60°.

Większość próbek odczytuje się jako neutralne w temperaturze (5 z 6).

Kody HEX (posortowane): #141414, #141428, #F0F0F0, #F0F0FF, #F0FFFF, #FFFFFF

Paleta Design system ux website colours łączy 6 kodów kolorów:

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)

Uproszczona wersja palety kolorów

Jasny odcień Czarny, Jasny odcień Czarny, Biały, Ciemny odcień Biały dym, Jasny odcień Lawendowy, Lazurowy

Schemat kolorów został stworzony przez colorswall

Kody kolorów w palecie

Design system ux website colours kody kolorów HEX, informacje RGB w tabeli

Kolor	HEX	RGB	Nazwa	Alternatywna nazwa
#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 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.