Utworzono o godz 04/14/2023 10:27
przezcoolor
  57

Tips layout clean ux hex colors

  • Brown Sugar
    #ac7450
  • Queen Pink
    #f0cfcf
  • Dark Purple
    #1e0d39
  • UCLA Blue
    #566d9c
  • Khaki (HTML/CSS)
    #c0ab9e
  • Jacarta
    #3b2d52
Loading...
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Brown Sugar #ac7450 i Dark Purple #1e0d39. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.

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

Nasycenie jest mieszane — część próbek stonowana, część żywsza.

Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).

Ogólna temperatura barw przechyla się ku zimnu.

Kody HEX (posortowane): #1E0D39, #3B2D52, #566D9C, #AC7450, #C0AB9E, #F0CFCF

Paleta Tips layout clean ux hex colors zawiera kombinację kolorów kodów 6:
KLĄTWA: #ac7450, RGB: (172, 116, 80); KLĄTWA: #f0cfcf, RGB: (240, 207, 207); KLĄTWA: #1e0d39, RGB: (30, 13, 57)
KLĄTWA: #566d9c, RGB: (86, 109, 156); KLĄTWA: #c0ab9e, RGB: (192, 171, 158); KLĄTWA: #3b2d52, RGB: (59, 45, 82)
Uproszczona wersja palety kolorów
Cień chocolate, Odcień mistyrose, Odcień midnightblue, Cień royalblue, Cień darkgrey, Odcień darkslateblue
Schemat kolorów został stworzony przez coolor

Kody kolorów w palecie

Tips layout clean ux hex colors kody kolorów HEX, informacje RGB w tabeli

Kolor KLĄTWA RGB Nazwa alternatywne imie
#ac7450 #ac7450 RGB(172, 116, 80)Brown Sugar
#f0cfcf #f0cfcf RGB(240, 207, 207)Queen Pink
#1e0d39 #1e0d39 RGB(30, 13, 57)Dark Purple
#566d9c #566d9c RGB(86, 109, 156)UCLA Blue
#c0ab9e #c0ab9e RGB(192, 171, 158)Khaki (HTML/CSS)
#3b2d52 #3b2d52 RGB(59, 45, 82)Jacarta

Kontrast palety kolorów

4 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstu Kolor tła Współczynnik kontrastu
#ac7450
#566d9c
1.32
#ac7450
#c0ab9e
1.78
#f0cfcf
#c0ab9e
1.51
#1e0d39
#3b2d52
1.43

Paleta obrazów Tips layout clean ux hex colors png

Loading...
Loading...