Utworzono o godz 08/21/2025 11:46
React Component Analysis Grid
- Virtual Indigo#4b5dff
- Fiber Yellow#ffd700
- Hook Coral#ff6f61
- Node Green#3fa34d
- State White#ffffff
- Prop Dark Navy#1b263b
- Shadow Ash#e5e5e5
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Virtual Indigo #4b5dff i Fiber Yellow #ffd700. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #1B263B (najciemniejszy) do #FFFFFF (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): #1B263B, #3FA34D, #4B5DFF, #E5E5E5, #FF6F61, #FFD700, #FFFFFF
Paleta React Component Analysis Grid zawiera kombinację kolorów kodów 7:
KLĄTWA: #4b5dff, RGB: (75, 93, 255); KLĄTWA: #ffd700, RGB: (255, 215, 0); KLĄTWA: #ff6f61, RGB: (255, 111, 97)
KLĄTWA: #3fa34d, RGB: (63, 163, 77); KLĄTWA: #ffffff, RGB: (255, 255, 255); KLĄTWA: #1b263b, RGB: (27, 38, 59)
KLĄTWA: #e5e5e5, RGB: (229, 229, 229)
Uproszczona wersja palety kolorów
Odcień royalblue, Odcień salmon, Odcień mediumseagreen, Biały, Cień midnightblue, Cień gainsboro
Schemat kolorów został stworzony przez palettespicker
Kody kolorów w palecie
React Component Analysis Grid kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #4b5dff | #4b5dff | RGB(75, 93, 255) | Virtual Indigo | — |
| #ffd700 | #ffd700 | RGB(255, 215, 0) | Fiber Yellow | Gold |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Hook Coral | Living Coral |
| #3fa34d | #3fa34d | RGB(63, 163, 77) | Node Green | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | State White | White |
| #1b263b | #1b263b | RGB(27, 38, 59) | Prop Dark Navy | — |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Shadow Ash | Gray90 |
Kontrast palety kolorów
7 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#4b5dff | #ff6f61 | 1.78 |
#4b5dff | #3fa34d | 1.52 |
#ffd700 | #ff6f61 | 1.94 |
#ffd700 | #ffffff | 1.4 |
#ffd700 | #e5e5e5 | 1.11 |
#ff6f61 | #3fa34d | 1.17 |
Paleta obrazów React Component Analysis Grid png
Eksportuj paletę
Pobierz "React Component Analysis Grid" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: