Online Tool Store
Mikser kolorów
Mieszaj dwa kolory HEX w dowolnej proporcji, z mieszaniem w świetle liniowym dla naturalnego wyniku i natychmiastowym wyjściem HEX i RGB w przeglądarce.
🔒 To narzędzie działa w całości w Twojej przeglądarce. Twoje pliki nigdy nie są wysyłane na serwer.
Pokazano przykład — wybierz własne dwa kolory i proporcję.
Wygenerowana paleta
Kolory palety
Kolor A
Wynik mieszania
Kolor B
HEX mieszanki
RGB mieszanki
Jak działa mikser kolorów
- Wybierz lub wpisz dwa kolory HEX — Kolor A i Kolor B.
- Przeciągnij suwak proporcji w stronę koloru, który ma dominować w mieszance.
- Próbka mieszanki, kod HEX, wartość RGB i wygenerowana paleta stopniowa aktualizują się natychmiast, gdy zmieniasz kolor lub proporcję.
Metoda
Kanały czerwony, zielony i niebieski każdego koloru są przekształcane z zakodowanego gamma sRGB na światło liniowe, mieszane według proporcji, a następnie z powrotem na sRGB do wyświetlenia. Mieszanie w przestrzeni liniowej pozwala uniknąć przyciemnionego, lekko szarego wyglądu, który daje bezpośrednie uśrednianie bajtów sRGB.
mixed = linearToSrgb(srgbToLinear(A) × (1 − t) + srgbToLinear(B) × t)
Przykład: zmieszanie #2F6FED (niebieski) i #FFD166 (złoty) w proporcji 50/50 daje ciepły, zrównoważony półton zamiast płaskiego szarobrązowego z naiwnej średniej bajtów. Wybierz 3, 5, 7 lub 9 kolorów palety, gdy potrzebujesz wielokrotnie używalnego zakresu między punktami końcowymi.
FAQ
Dlaczego mieszanka 50/50 nie wygląda jak zwykła średnia dwóch wartości RGB?
To narzędzie miesza kolory w świetle liniowym, a nie uśrednia surowych bajtów sRGB. Wartości sRGB są kodowane gamma dla ekranów, więc bezpośrednia średnia dwóch bajtów wygląda wyraźnie ciemniej i bardziej mętnie niż prawdziwe mieszanie oparte na świetle — konwersja na światło liniowe, mieszanie i konwersja z powrotem daje bardziej naturalny wynik.
Czy to symuluje fizyczne mieszanie farb?
Nie. Mieszanie farb jest subtraktywne i zależy od chemii pigmentów, która bardzo różni się między farbami. To narzędzie miesza światło (kolor addytywny), co odpowiada mieszaniu kolorów na ekranie lub w oprogramowaniu do projektowania, a nie dosłownej farbie.
Czy mogę wpisać kod HEX zamiast używać próbnika kolorów?
Tak. Wpisz lub wklej 6-cyfrowy kod HEX w dowolne pole tekstowe, a próbka i próbnik się zaktualizują.
Czy proporcja mieszania jest zapisywana, gdy opuszczę stronę?
Nie. Wszystko resetuje się po przeładowaniu — obliczenia działają w całości w Twojej przeglądarce i nic nie jest wysyłane ani przechowywane.
Czy mogę wyeksportować zmieszaną paletę jako zmienne CSS?
Tak. Po wygenerowaniu palety możesz ją skopiować lub pobrać jako niestandardowe właściwości CSS, gotowe do wklejenia do arkusza stylów.
Ile kolorów mogę wygenerować w palecie?
Wybierz 3, 5, 7 lub 9 równomiernie rozmieszczonych kroków między dwoma kolorami końcowymi, wszystkie zmieszane w świetle liniowym tak jak główna mieszanka.
Jak wypadamy na tle innych
| Funkcja | Online Tool Store | colorxs.com | Adobe Color |
|---|---|---|---|
| Regulowana proporcja mieszania, nie tylko 50/50 | ✓ | Stały punkt środkowy | ✓ |
| Bez rejestracji ani konta | ✓ | ✓ | Konto Adobe |
| Działa w całości na Twoim urządzeniu | ✓ | Nie podano | Nie podano |
Jeśli chcesz precyzyjnej kontroli nad proporcją mieszania dwóch kolorów z natychmiastowym, prywatnym podglądem, Color Mixer od Online Tool Store trzyma wszystko na Twoim urządzeniu.