React Component Flow System
- JS Yellow#f7df1e
- React Ocean#61dafb
- Framework Slate#2b2b2b
- Node Canopy#6cc24a
- Semantic Rose#ff6492
- Input Pearl#fafafa
- Code Lavender#a393eb
Utworzono 07/12/2025 20:05
Paleta składa się z kolorów Jasny, Ciemny. Kolory akcentujące React Ocean #61dafb i Semantic Rose #ff6492. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.
Według jasności paleta rozciąga się od #2B2B2B (najciemniejszy) do #FAFAFA (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 57% 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): #2B2B2B, #61DAFB, #6CC24A, #A393EB, #F7DF1E, #FAFAFA, #FF6492
Paleta React Component Flow System łączy 7 kodów kolorów:
HEX: #f7df1e, RGB: (247, 223, 30); HEX: #61dafb, RGB: (97, 218, 251); HEX: #2b2b2b, RGB: (43, 43, 43)
HEX: #6cc24a, RGB: (108, 194, 74); HEX: #ff6492, RGB: (255, 100, 146); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #a393eb, RGB: (163, 147, 235)
Uproszczona wersja palety kolorów
Jasny odcień Złoty, Ciemny odcień Błękit nieba, Jasny odcień Czarny, Jasny odcień Limonkowa zieleń, Jasny odcień Blady fioletowoczerwony, Jasny odcień Biały dym, Jasny odcień Średni fioletowy
Schemat kolorów został stworzony przez raccoon
Kody kolorów w palecie
React Component Flow System kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #f7df1e | #f7df1e | RGB(247, 223, 30) | JS Yellow | — |
| #61dafb | #61dafb | RGB(97, 218, 251) | React Ocean | — |
| #2b2b2b | #2b2b2b | RGB(43, 43, 43) | Framework Slate | Shoe Wax |
| #6cc24a | #6cc24a | RGB(108, 194, 74) | Node Canopy | — |
| #ff6492 | #ff6492 | RGB(255, 100, 146) | Semantic Rose | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Input Pearl | Dr. White |
| #a393eb | #a393eb | RGB(163, 147, 235) | Code Lavender | — |
Kontrast palety kolorów
11 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 | #61dafb | 1.2 |
#f7df1e | #6cc24a | 1.64 |
#f7df1e | #fafafa | 1.29 |
#f7df1e | #a393eb | 1.95 |
#61dafb | #6cc24a | 1.36 |
#61dafb | #ff6492 | 1.72 |
Paleta obrazów React Component Flow System png
Eksportuj paletę
Pobierz "React Component Flow System" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: