Utworzono o godz 06/16/2025 20:08
Semantic Color Framework React
Success Lime Green
#6aff7f
Info Blue Ripple
#33c3f0
Error Crimson Pulse
#ff3b30
Warning Yellow Signal
#ffdc5e
Background Light Smoke
#f5f7fa
Text Deep Navy
#1a2b3c
Divider Soft Gray
#e0e0e0
Paleta składa się z kolorów Światło, Półciemny, Ciemny. Kolory akcentujące Info Blue Ripple #33c3f0 i Warning Yellow Signal #ffdc5e. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Paleta Semantic Color Framework React zawiera kombinację kolorów kodów 7:
KLĄTWA: #6aff7f, RGB: (106, 255, 127); KLĄTWA: #33c3f0, RGB: (51, 195, 240); KLĄTWA: #ff3b30, RGB: (255, 59, 48)
KLĄTWA: #ffdc5e, RGB: (255, 220, 94); KLĄTWA: #f5f7fa, RGB: (245, 247, 250); KLĄTWA: #1a2b3c, RGB: (26, 43, 60)
KLĄTWA: #e0e0e0, RGB: (224, 224, 224)
Uproszczona wersja palety kolorów
Cień springgreen, Cień deepskyblue, Odcień tomato, Cień gold, Odcień ghostwhite, Cień midnightblue, Cień gainsboro
Schemat kolorów został stworzony przez bad_colors
Kody kolorów w palecie
Semantic Color Framework React kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #6aff7f | #6aff7f | RGB(106, 255, 127) | Success Lime Green | — |
| #33c3f0 | #33c3f0 | RGB(51, 195, 240) | Info Blue Ripple | — |
| #ff3b30 | #ff3b30 | RGB(255, 59, 48) | Error Crimson Pulse | — |
| #ffdc5e | #ffdc5e | RGB(255, 220, 94) | Warning Yellow Signal | — |
| #f5f7fa | #f5f7fa | RGB(245, 247, 250) | Background Light Smoke | — |
| #1a2b3c | #1a2b3c | RGB(26, 43, 60) | Text Deep Navy | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Divider Soft Gray | Gray88 |
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 |
#6aff7f | #33c3f0 | 1.58 |
#6aff7f | #ffdc5e | 1.03 |
#6aff7f | #f5f7fa | 1.2 |
#6aff7f | #e0e0e0 | 1.01 |
#33c3f0 | #ff3b30 | 1.72 |
#33c3f0 | #ffdc5e | 1.53 |
