Jak zmieszać dwa kolory i zobaczyć wszystkie pośrednie?
Mixer kolorów - wybierz dwa kolory, suwakiem ustaw proporcję mieszania (0-100%), zobacz rezultat plus pasek 11 pośrednich kroków.
Dwa tryby: OKLCH (perceptualny, czysta interpolacja) i RGB (klasyczny, czasem brudne pośrednie).
Świetne do brand color blending, między-stop interpolacji, edukacji color theory.
Jak korzystać
- Wybierz "Kolor A" i "Kolor B" - HEX, color-picker.
- Wybierz tryb: OKLCH (zalecany) lub RGB. OKLCH zachowuje perceptualną jasność podczas miksowania, RGB jest klasyczny matematycznie.
- Suwak 0-100% ustawia proporcję B w mixie. 0% = A, 100% = B, 50% = równe.
- Pasek 11 stopów pokazuje całą gradient między A a B. Klik kopiuje HEX.
- Tabela "Szczegóły" = aktualny mix w 4 formatach (HEX, RGB, HSL, OKLCH).
Do czego się przydaje
Gdzie mixer kolorów się przydaje - typowe scenariusze:
- Brand color blending - dwie brand colors, potrzebujesz "in-between" dla buttona przejścia.
- Hover state - button base + 50% white = lighter hover.
- Dark mode pairs - light mode color + dark mode color, mixer pokazuje smooth transition.
- Color theory edukacja - zobacz, że "blue + yellow w RGB" = brudne szare, a "blue + yellow w OKLCH" = clean green - to konkretne przykłady, czemu OKLCH jest superior dla gradients.
- Generative art - mixery są podstawą dithering, blending, layer compositing.
- Pre-design - nie wiesz jaki accent color - zmiksuj dwa, sprawdź jak wyglądają pośrednie.
Pytania i odpowiedzi
OKLCH ma perceptual uniformity - 50% mix wygląda na 50%. RGB mix 50% blue + yellow = (128,128,128) gray, który NIE wygląda jak 50% blue + 50% yellow. OKLCH 50% mix od blue do yellow daje czystszy green - co jest perceptualnie pomiędzy.