Utworzono o godz 07/28/2025 19:46
React Component Theme Studio
- JSX Pink#ffa6c9
- Hook Blue#00c2ff
- Prop Light Gray#f0f0f0
- State Indigo#4b3f72
- Build Black#2b2b2b
- Render White#fcfcfc
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące JSX Pink #ffa6c9 i Hook Blue #00c2ff. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.
Według jasności paleta rozciąga się od #2B2B2B (najciemniejszy) do #FCFCFC (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — część próbek stonowana, część żywsza.
Barwy są rozłożone szeroko po kole — paleta zróżnicowana (heurystyka).
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #00C2FF, #2B2B2B, #4B3F72, #F0F0F0, #FCFCFC, #FFA6C9
Paleta React Component Theme Studio zawiera kombinację kolorów kodów 6:
KLĄTWA: #ffa6c9, RGB: (255, 166, 201); KLĄTWA: #00c2ff, RGB: (0, 194, 255); KLĄTWA: #f0f0f0, RGB: (240, 240, 240)
KLĄTWA: #4b3f72, RGB: (75, 63, 114); KLĄTWA: #2b2b2b, RGB: (43, 43, 43); KLĄTWA: #fcfcfc, RGB: (252, 252, 252)
Uproszczona wersja palety kolorów
Odcień lightpink, Cień deepskyblue, Odcień whitesmoke, Odcień darkslateblue, Cień Czarny, Odcień Biały
Schemat kolorów został stworzony przez colorstudio
Kody kolorów w palecie
React Component Theme Studio kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #ffa6c9 | #ffa6c9 | RGB(255, 166, 201) | JSX Pink | Bazooka Pink |
| #00c2ff | #00c2ff | RGB(0, 194, 255) | Hook Blue | — |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Prop Light Gray | Gray94 |
| #4b3f72 | #4b3f72 | RGB(75, 63, 114) | State Indigo | — |
| #2b2b2b | #2b2b2b | RGB(43, 43, 43) | Build Black | Shoe Wax |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Render White | Gray99 |
Kontrast palety kolorów
6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#ffa6c9 | #00c2ff | 1.13 |
#ffa6c9 | #f0f0f0 | 1.59 |
#ffa6c9 | #fcfcfc | 1.77 |
#00c2ff | #f0f0f0 | 1.81 |
#f0f0f0 | #fcfcfc | 1.11 |
#4b3f72 | #2b2b2b | 1.51 |
Paleta obrazów React Component Theme Studio png
Eksportuj paletę
Pobierz "React Component Theme Studio" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: