Mieszacz Kolorów
Mieszaj dwa kolory i eksploruj pełny gradient między nimi. Dostosuj proporcje, aby uzyskać dokładną mieszankę.
O tym narzędziu
Mikser kolorów miesza dwa kolory hex w przestrzeni RGB, tworząc płynne połączenie w dowolnej proporcji między 0% a 100%. Skala gradientu pokazuje 7 równomiernie rozmieszczonych kroków między dwoma kolorami.
Mieszanie RGB to ta sama operacja, którą przeglądarka wykonuje przy komponowaniu kolorów — matematycznie dokładna i przewidywalna. Zmieszany kolor przy 50% to prawdziwy punkt środkowy między oboma kolorami w przestrzeni RGB.
Jak używać
- Wybierz dwa kolory za pomocą próbników kolorów lub wpisz bezpośrednio kody hex.
- Użyj przycisków presetów, aby wypróbować klasyczne kombinacje kolorów.
- Przeciągnij suwak proporcji, aby dostosować mieszanie. 0% daje Kolor 1; 100% daje Kolor 2.
- Kliknij dowolną próbkę gradientu lub przycisk Kopiuj HEX, aby skopiować kolor.
Przypadki użycia
Projektanci UI mieszają kolor marki z białym lub czarnym dla stanów hover, aktywny i wyłączony. Projektanci motion wybierają pośrednie kolory dla animacji klatek kluczowych. Programiści frontend generują punkty zatrzymania gradientu bez edytora graficznego.
Często zadawane pytania
- Czy to jest to samo co gradient CSS? — Tak. CSS linear-gradient również miesza w sRGB domyślnie. Pokazane kroki dokładnie odpowiadają punktom pośrednim gradientu CSS.
- Dlaczego mieszanie czerwonego i niebieskiego nie daje fioletu? — W RGB, czerwony (#ff0000) i niebieski (#0000ff) przy 50% daje #7f007f (ciemna magenta). Żywy fiolet wymaga mieszania czerwonego z niebiesko-fioletowym jak #8000ff.
- Czy mogę uzyskać więcej kroków gradientu? — Skala zawsze pokazuje 7 kroków. Użyj suwaka proporcji, aby sprawdzić dowolny określony punkt pośredni.
- Czy obsługuje alfa/przezroczystość? — Nie, to narzędzie działa tylko z pełnymi kolorami hex.