AI Powered React UI Hyperstructure
- Component Indigo#3d5afe
- Gradient Peach#ffb300
- Vector Teal#00acc1
- Surface White#ffffff
- Shadow Gray#424242
- Accent Rose#f06292
- Quantum Blue#1e88e5
Utworzono 08/23/2025 11:55
Paleta składa się z kolorów Półciemny, Jasny. Kolory akcentujące Gradient Peach #ffb300 i Vector Teal #00acc1. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #424242 (najciemniejszy) do #FFFFFF (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 71% kolorów jest żywych.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ogólna temperatura barw przechyla się ku zimnu (3 z 7).
Kody HEX (posortowane): #00ACC1, #1E88E5, #3D5AFE, #424242, #F06292, #FFB300, #FFFFFF
Paleta AI Powered React UI Hyperstructure łączy 7 kodów kolorów:
HEX: #3d5afe, RGB: (61, 90, 254); HEX: #ffb300, RGB: (255, 179, 0); HEX: #00acc1, RGB: (0, 172, 193)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #424242, RGB: (66, 66, 66); HEX: #f06292, RGB: (240, 98, 146)
HEX: #1e88e5, RGB: (30, 136, 229)
Uproszczona wersja palety kolorów
Ciemny odcień Królewski niebieski, Jasny odcień Pomarańczowy, Ciemny odcień Kadetowy niebieski, Biały, Ciemny odcień Ciemny łupkowy szary, Ciemny odcień Blady fioletowoczerwony, Ciemny odcień Niebieski Dodger
Schemat kolorów został stworzony przez colorday
Kody kolorów w palecie
AI Powered React UI Hyperstructure kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #3d5afe | #3d5afe | RGB(61, 90, 254) | Component Indigo | — |
| #ffb300 | #ffb300 | RGB(255, 179, 0) | Gradient Peach | UCLA Gold |
| #00acc1 | #00acc1 | RGB(0, 172, 193) | Vector Teal | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface White | White |
| #424242 | #424242 | RGB(66, 66, 66) | Shadow Gray | Black Panther |
| #f06292 | #f06292 | RGB(240, 98, 146) | Accent Rose | — |
| #1e88e5 | #1e88e5 | RGB(30, 136, 229) | Quantum Blue | — |
Kontrast palety kolorów
10 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#3d5afe | #00acc1 | 1.87 |
#3d5afe | #424242 | 1.95 |
#3d5afe | #f06292 | 1.67 |
#3d5afe | #1e88e5 | 1.39 |
#ffb300 | #00acc1 | 1.52 |
#ffb300 | #ffffff | 1.79 |
Paleta obrazów AI Powered React UI Hyperstructure png
Eksportuj paletę
Pobierz "AI Powered React UI Hyperstructure" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: