Figma web layout design hex colors
- Blue-Violet (Crayola)#715bb9
- Lenurple#ac8cdc
- Burnt Umber#843424
- Dirt#9f7356
- Blue Bell#ab99c9
- Liver Chestnut (Horses)#5a3d2f
Utworzono 05/25/2022 08:58
Paleta składa się z kolorów Półciemny, Jasny. Kolory akcentujące Lenurple #ac8cdc i Burnt Umber #843424. Paleta ma temperaturę kolorów Zimny, Ciepły.
Według jasności paleta rozciąga się od #5A3D2F (najciemniejszy) do #AB99C9 (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie leży w średnim zakresie, średnio 40% w całej palecie.
Zróżnicowana paleta: jej odcienie rozkładają się na około 130° koła barw.
Ciepłe i zimne próbki są dość zrównoważone (3 ciepłych, 3 zimnych).
Kody HEX (posortowane): #5A3D2F, #715BB9, #843424, #9F7356, #AB99C9, #AC8CDC
Paleta Figma web layout design hex colors łączy 6 kodów kolorów:
HEX: #715bb9, RGB: (113, 91, 185); HEX: #ac8cdc, RGB: (172, 140, 220); HEX: #843424, RGB: (132, 52, 36)
HEX: #9f7356, RGB: (159, 115, 86); HEX: #ab99c9, RGB: (171, 153, 201); HEX: #5a3d2f, RGB: (90, 61, 47)
Uproszczona wersja palety kolorów
Jasny odcień Łupkowy niebieski, Jasny odcień Średni fioletowy, Ciemny odcień Brązowy, Jasny odcień Sjena, Ciemny odcień Śliwkowy, Ciemny odcień Siodłowy brąz
Schemat kolorów został stworzony przez colorswall
Kody kolorów w palecie
Figma web layout design hex colors kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #715bb9 | #715bb9 | RGB(113, 91, 185) | Blue-Violet (Crayola) | — |
| #ac8cdc | #ac8cdc | RGB(172, 140, 220) | Lenurple | — |
| #843424 | #843424 | RGB(132, 52, 36) | Burnt Umber | — |
| #9f7356 | #9f7356 | RGB(159, 115, 86) | Dirt | — |
| #ab99c9 | #ab99c9 | RGB(171, 153, 201) | Blue Bell | — |
| #5a3d2f | #5a3d2f | RGB(90, 61, 47) | Liver Chestnut (Horses) | — |
Kontrast palety kolorów
8 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#715bb9 | #ac8cdc | 1.93 |
#715bb9 | #843424 | 1.56 |
#715bb9 | #9f7356 | 1.29 |
#715bb9 | #5a3d2f | 1.81 |
#ac8cdc | #9f7356 | 1.48 |
#ac8cdc | #ab99c9 | 1.07 |
Paleta obrazów Figma web layout design hex colors png
Eksportuj paletę
Pobierz "Figma web layout design hex colors" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: