Loading...
Utworzono o godz 07/10/2025 08:36
Semantic React Flow UI
- JS Logic Blue#2b59c3
- React Orchid#b892ff
- DOM White Grid#f9fafc
- Hooked Rose#ffb2bc
- UX Neutral Grey#d9dce1
- Signal Orange#ffa94d
Paleta składa się z kolorów Półciemny, Światło. Kolory akcentujące JS Logic Blue #2b59c3 i Hooked Rose #ffb2bc. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #2B59C3 (najciemniejszy) do #F9FAFC (najjaśniejszy). Zakres jasności jest umiarkowany.
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).
Ciepłe i zimne próbki są dość zrównoważone.
Kody HEX (posortowane): #2B59C3, #B892FF, #D9DCE1, #F9FAFC, #FFA94D, #FFB2BC
Paleta Semantic React Flow UI zawiera kombinację kolorów kodów 6:
KLĄTWA: #2b59c3, RGB: (43, 89, 195); KLĄTWA: #b892ff, RGB: (184, 146, 255); KLĄTWA: #f9fafc, RGB: (249, 250, 252)
KLĄTWA: #ffb2bc, RGB: (255, 178, 188); KLĄTWA: #d9dce1, RGB: (217, 220, 225); KLĄTWA: #ffa94d, RGB: (255, 169, 77)
Uproszczona wersja palety kolorów
Odcień royalblue, Cień mediumpurple, Cień whitesmoke, Odcień lightpink, Odcień gainsboro, Cień sandybrown
Schemat kolorów został stworzony przez colorslib
Kody kolorów w palecie
Semantic React Flow UI kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #2b59c3 | #2b59c3 | RGB(43, 89, 195) | JS Logic Blue | — |
| #b892ff | #b892ff | RGB(184, 146, 255) | React Orchid | — |
| #f9fafc | #f9fafc | RGB(249, 250, 252) | DOM White Grid | — |
| #ffb2bc | #ffb2bc | RGB(255, 178, 188) | Hooked Rose | — |
| #d9dce1 | #d9dce1 | RGB(217, 220, 225) | UX Neutral Grey | — |
| #ffa94d | #ffa94d | RGB(255, 169, 77) | Signal Orange | — |
Kontrast palety kolorów
9 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#b892ff | #ffb2bc | 1.43 |
#b892ff | #d9dce1 | 1.77 |
#b892ff | #ffa94d | 1.28 |
#f9fafc | #ffb2bc | 1.62 |
#f9fafc | #d9dce1 | 1.31 |
#f9fafc | #ffa94d | 1.82 |
Paleta obrazów Semantic React Flow UI png
Eksportuj paletę
Pobierz "Semantic React Flow UI" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: