Online Tool Store
Konwerter palet trybu ciemnego
Convert a light CSS palette into a coordinated dark palette with presets, contrast guidance, and downloadable CSS in your browser.
🔒 To narzędzie działa w całości w Twojej przeglądarce. Twoje pliki nigdy nie są wysyłane na serwer.
Zacznij od gotowej palety
Wybierz kierunek, a następnie dopracuj poniższe zmienne.
Wklej właściwości CSS lub pary name: #hex. Obsługiwane są komentarze, średniki i kontener :root.
Podgląd jasny
Podgląd ciemny
Jak to działa
- Wybierz proponowaną paletę.
- Wklej zmienne CSS.
- Sprawdź kontrast i pobierz ciemną paletę.
Formuła konwersji
Convert hex -> HSL Adjust lightness while preserving hue and saturation Convert HSL back -> hex and report the text/background contrast
FAQ
Formuła konwersji
Jasność HSL jest dopasowywana, aby utworzyć ciemną paletę.
Jak to działa 2
Sprawdź kontrast i pobierz ciemną paletę.
Jak to działa 3
Sprawdź kontrast i pobierz ciemną paletę.
Jak to działa 4
Sprawdź kontrast i pobierz ciemną paletę.
Jak to działa 5
Sprawdź kontrast i pobierz ciemną paletę.
Jak to działa 6
Sprawdź kontrast i pobierz ciemną paletę.
Jak to działa 7
Sprawdź kontrast i pobierz ciemną paletę.
Porównanie
| Feature | Online Tool Store | Manual conversion | Design plugins |
|---|---|---|---|
| Curated starting palettes | ✓ | ✗ | Varies |
| Whole palette converted at once | ✓ | One color at a time | ✓ |
| Browser-only workflow | ✓ | ✓ | Requires a design tool |
Konto nie jest wymagane.