Utworzono o godz 07/20/2025 20:25
React Component Matrix Kit
- JS Yellow#f7df1e
- Hook Blue#1e88e5
- Virtual DOM Green#34d399
- Shadow Root Gray#cbd5e1
- PropType Pink#ff75a0
- Compile Charcoal#2f2f2f
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Hook Blue #1e88e5 i PropType Pink #ff75a0. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.
Według jasności paleta rozciąga się od #2F2F2F (najciemniejszy) do #CBD5E1 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma).
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): #1E88E5, #2F2F2F, #34D399, #CBD5E1, #F7DF1E, #FF75A0
Paleta React Component Matrix Kit zawiera kombinację kolorów kodów 6:
KLĄTWA: #f7df1e, RGB: (247, 223, 30); KLĄTWA: #1e88e5, RGB: (30, 136, 229); KLĄTWA: #34d399, RGB: (52, 211, 153)
KLĄTWA: #cbd5e1, RGB: (203, 213, 225); KLĄTWA: #ff75a0, RGB: (255, 117, 160); KLĄTWA: #2f2f2f, RGB: (47, 47, 47)
Uproszczona wersja palety kolorów
Cień gold, Odcień dodgerblue, Odcień mediumaquamarine, Cień lightgrey, Cień palevioletred, Cień Czarny
Schemat kolorów został stworzony przez raccoon
Kody kolorów w palecie
React Component Matrix Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #f7df1e | #f7df1e | RGB(247, 223, 30) | JS Yellow | — |
| #1e88e5 | #1e88e5 | RGB(30, 136, 229) | Hook Blue | — |
| #34d399 | #34d399 | RGB(52, 211, 153) | Virtual DOM Green | — |
| #cbd5e1 | #cbd5e1 | RGB(203, 213, 225) | Shadow Root Gray | — |
| #ff75a0 | #ff75a0 | RGB(255, 117, 160) | PropType Pink | — |
| #2f2f2f | #2f2f2f | RGB(47, 47, 47) | Compile Charcoal | — |
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 |
#f7df1e | #34d399 | 1.42 |
#f7df1e | #cbd5e1 | 1.09 |
#f7df1e | #ff75a0 | 1.86 |
#1e88e5 | #34d399 | 1.91 |
#1e88e5 | #ff75a0 | 1.45 |
#34d399 | #cbd5e1 | 1.29 |
Paleta obrazów React Component Matrix Kit png
Eksportuj paletę
Pobierz "React Component Matrix Kit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: