Mikser kolorów

Zmieszaj dwa kolory HEX w wybranej proporcji w przestrzeni RGB lub Lab i odczytaj powstały kolor pośredni jako próbkę oraz kopiowalną wartość HEX.

Ładowanie narzędzia…

Mikser kolorów — Wklej dwa kolory jako HEX, ustaw suwakiem proporcji, ile koloru B domieszać, i wybierz, czy mieszać w zwykłym RGB, czy w percepcyjnej przestrzeni Lab — wynik pojawia się natychmiast jako próbka podglądu i kopiowalna wartość HEX. Nie ma żadnych ustawień, na które trzeba czekać, ani przycisku do naciśnięcia; mieszanka przelicza się na bieżąco, gdy piszesz lub przeciągasz. Wszystko działa w całości w Twojej przeglądarce, więc Twoje kolory nigdy nie opuszczają Twojego urządzenia.

Czym jest Mikser kolorów?

Mikser kolorów to bezpłatne narzędzie online, które interpoluje między dwoma kolorami i podaje kolor pośredni. Wprowadzasz Kolor A i Kolor B jako HEX (działa zarówno #rrggbb, jak i skrócona postać #rgb), przesuwasz kontrolkę proporcji od 0% (całkowicie Kolor A) do 100% (całkowicie Kolor B) i wybierasz przestrzeń barw: RGB miesza surowe kanały bezpośrednio, podczas gdy Lab miesza w przestrzeni percepcyjnej, która zwykle sprawia, że punkt środkowy wygląda bardziej naturalnie i unika mętnych szarości. Projektanci, programiści front-end i ilustratorzy używają go do znajdowania tonu pośredniego między dwoma kolorami marki, tworzenia gładkich dwukolorowych przejść, wyprowadzania odcieni do stanów hover lub obramowania albo podglądu, jak dwie farby lub dwa punkty gradientu spotkają się w środku. Wynik jest pokazywany jako duża próbka nad polem HEX tylko do odczytu, które można skopiować jednym kliknięciem.

Jak używać Mikser kolorów

  1. Wpisz lub wklej pierwszy kolor w polu Kolor A (HEX), a drugi w polu Kolor B (HEX), w formacie #rrggbb lub #rgb.
  2. Przeciągnij suwak Proporcja (lub wpisz liczbę), aby ustawić, ile Koloru B jest domieszane: 0% daje Kolor A, 100% daje Kolor B, 50% to równy punkt środkowy.
  3. Wybierz przestrzeń mieszania przełącznikiem RGB / Lab — wybierz Lab dla bardziej równomiernej percepcyjnie mieszanki lub RGB dla dosłownej średniej kanał po kanale.
  4. Obserwuj, jak próbka podglądu aktualizuje się na żywo, i odczytaj poniżej wartość HEX zmieszanego koloru.
  5. Kliknij przycisk kopiowania obok wyniku, aby skopiować zmieszany HEX do schowka.

Przykłady

Równy punkt środkowy RGB czerwonego i niebieskiego

Wejście

A #ff0000, B #0000ff, proporcja 50%, RGB

Wyjście

#800080

Przeważnie ku bieli

Wejście

A #4f86f7, B #ffffff, proporcja 75%, RGB

Wyjście

#d3e1fd

Lab kontra RGB na dwóch nasyconych odcieniach

Zmieszaj #00a000 z #d000d0 przy 50%. W RGB otrzymasz matowy ton mieszany, podczas gdy przełączenie na Lab daje punkt środkowy lepiej odpowiadający temu, czego oko oczekuje między dwoma odcieniami — przydatne przy dwukolorowych gradientach, które nie powinny robić się błotniste w środku.

Najczęściej zadawane pytania

Jaka jest różnica między opcjami RGB i Lab?
RGB miesza kanały czerwony, zielony i niebieski niezależnie, co jest szybkie i dokładnie odpowiada temu, jak CSS uśrednia kolory, ale przy odległych odcieniach może wpadać w matowe szarości. Lab konwertuje oba kolory do percepcyjnej przestrzeni CIELAB, tam interpoluje i konwertuje z powrotem, co zwykle utrzymuje punkt środkowy jaśniejszym i bliższym temu, czego oczekuje oko. Oba dają wynik #rrggbb.
Co oznacza kontrolka proporcji?
Proporcja to ilość Koloru B w mieszance. Przy 0% wynik równa się Kolorowi A, przy 100% równa się Kolorowi B, a przy 50% jest to równy punkt środkowy między nimi. Możesz przeciągnąć suwak lub wpisać dokładny procent.
Jakie formaty kolorów mogę wprowadzić?
Oba pola akceptują HEX w postaci #rrggbb (sześć cyfr) lub #rgb (trzycyfrowy skrót). Jeśli któraś z wartości nie jest prawidłowym kolorem HEX, pojawia się komunikat o błędzie i żadna mieszanka nie jest pokazywana, dopóki obie nie będą prawidłowe. Wynikiem jest zawsze wartość HEX #rrggbb.
Czy mogę użyć zmieszanego koloru w łańcuchu obszaru roboczego?
Tak. Wynik jest udostępniany jako port wyjściowy, więc w obszarze roboczym deftdeck możesz podłączyć zmieszany HEX bezpośrednio do innego narzędzia, a będzie się on aktualizował automatycznie za każdym razem, gdy zmienisz kolor, proporcję lub przestrzeń barw.
Czy moje kolory są gdzieś wysyłane?
Nie. Wszystkie obliczenia mieszania działają lokalnie w Twojej przeglądarce, więc Twoje wartości kolorów nigdy nie są przesyłane na serwer. Narzędzie działa offline i zachowuje prywatność Twojej palety.

Powiązane narzędzia

Kod na obraz

Zamień fragment kodu na dopracowaną kartę PNG z podświetlaniem składni w przeglądarce, z motywem, tłem gradientowym lub przezroczystym oraz wypełnieniem — bez przesyłania.

Sprawdzanie kontrastu kolorów

Sprawdź współczynnik kontrastu WCAG między kolorem HEX pierwszego planu a tłem i zobacz, czy spełnia AA i AAA dla tekstu normalnego i dużego.

Generator odcieni koloru

Zamień jeden bazowy kolor HEX w skalę odcieni 50-950 w stylu Tailwind, mieszając go w stronę bieli i czerni; każdy stopień z próbką i kopiowalnym HEX-em.

Symulator daltonizmu

Prześlij obraz i zobacz podgląd tego, jak wygląda przy protanopii, deuteranopii, tritanopii lub całkowitej ślepocie barw, a następnie pobierz symulowany wynik.