Mieszanie Kolorów

Free

Obraz

Zmieszaj dwa kolory razem z regulowanym balansem, używając prostego mieszania RGB, korygowanego gamma, lub HSL.

Pierwszy kolor

Drugi kolor

Saldo 50%

Tryb mieszania

Gradient mieszania (0% do 100%)

Ostatnia Aktywność

Widoczne dla wszystkich. Ostatnie 20 użyć wśród wszystkich odwiedzających, najpierw najnowsze.

#FF0000 + #0000FF → #800080

3 dni temu

#FF0000 + #0000FF → #800080

5 dni temu

#FF0000 + #0000FF → #800080

5 dni temu

#FF0000 + #0000FF → #800080

6 dni temu

#FF0000 + #0000FF → #800080

6 dni temu

#FF0000 + #0000FF → #800080

6 dni temu

#FF0000 + #0000FF → #800080

6 dni temu

#FF0000 + #0000FF → #800080

6 dni temu

#FF0000 + #0000FF → #800080

6 dni temu

#FF0000 + #0000FF → #800080

6 dni temu

#FF0000 + #0000FF → #800080

6 dni temu

#FF0000 + #0000FF → #800080

6 dni temu

#FF0000 + #0000FF → #800080

6 dni temu

#FF0000 + #0000FF → #800080

1 tydzień temu

Komentarze (0)

Uznałeś to narzędzie za przydatne? Zostaw komentarz, podziel się wskazówką, lub powiedz nam, jak możemy je ulepszyć.

Jeszcze brak komentarzy. Bądź pierwszym, który podzieli się swoimi przemyśleniami!

Co robi to narzędzie

Miesza dwa kolory razem i pokazuje wynikowy kolor, z regulowaną równowagą między nimi i wyborem trzech metod mieszania: proste uśrednianie RGB, mieszanie gammacorrect (światło liniowe), lub mieszanie HSL przez odcień i nasycenie.

Jak To Działa

Każdy kolor jest najpierw konwertowany z hex na wartości czerwoną, zieloną, i niebieską (0-255). Tryb Prosty RGB interpoluje liniowo każdy kanał bezpośrednio: wynik = kolor1 + (kolor2 - kolor1) × balans. Tryb Gammacorrect najpierw konwertuje każdy kanał z wartości sRGB, które wyświetla twój ekran, na światło liniowe za pomocą standardowej funkcji transferu sRGB, interpoluje w tej liniowej przestrzeni, a następnie konwertuje z powrotem, co odpowiada temu, jak światło fizycznie się łączy i unika sztucznie ciemnego punktu środkowego. Tryb HSL konwertuje oba kolory na odcień/nasycenie/jasność, interpoluje odcień wokół koła kolorów najkrótszą drogą kątową (więc zawija się poprawnie, np. mieszanie odcienia blisko 350° z jednym blisko 10° przechodzi przez 0° zamiast długą drogą przez 180°), interpoluje normalnie nasycenie i jasność, i konwertuje wynik z powrotem na RGB.

Problemy, które rozwiązuje

Znajdowanie koloru pośredniego do gradientu, palety motywu, lub systemu projektowego bez ręcznego zgadywania wartości hex.
Porównywanie, jak te same dwa kolory wyglądają, gdy są mieszane różnymi metodami, ponieważ "poprawny" sposób mieszania kolorów zależy od tego, co robisz.
Podgląd pełnego gradientu między dwoma kolorami marki lub interfejsu na pierwszy rzut oka przed wyborem punktu.

Często zadawane pytania

›Jakiego trybu mieszania powinienem użyć?

Prosty RGB jest w porządku do szybkich, przewidywalnych mieszanek i odpowiada temu, co robi większość podstawowych narzędzi. Gammacorrect jest lepszym wyborem, gdy chcesz mieszankę, która wygląda fizycznie naturalnie, szczególnie między ciemnymi a jasnymi kolorami, ponieważ unika mętnego, zbyt ciemnego wyglądu, jaki produkuje proste uśrednianie RGB. HSL warto wypróbować, gdy chcesz wynik bliższy mieszaniu pigmentów lub farby, gdzie czerwony i zielony skłaniają się ku żółtemu zamiast matowego brązu.

›Dlaczego mieszanie czerni i bieli daje ciemniejszą szarość w "Prostym RGB" niż w "Gammacorrect"?

Prosty RGB uśrednia bezpośrednio surowe liczby 0-255, więc 50% czerni i bieli daje dokładnie 127,5, środkową szarość. Gammacorrect najpierw konwertuje oba kolory na światło liniowe (cofając krzywą gamma sRGB, jakiej oczekuje twój ekran), uśrednia tam, a następnie konwertuje z powrotem, co produkuje zauważalnie jaśniejszy wynik (około 188), ponieważ równe kroki w przechowywanych wartościach koloru nie odpowiadają równym krokom w postrzeganej jasności.

›Co robi suwak "Balans"?

Ustala wagę między dwoma kolorami: 0% to 100% pierwszego koloru, 100% to 100% drugiego koloru, a 50% to równa mieszanka. Przesuwanie go pozwala podejrzeć dowolny punkt wzdłuż mieszanki, nie tylko punkt środkowy.

›Dlaczego mieszanie HSL czasem produkuje zaskakujący kolor, jak czerwony i niebieski mieszające się przez fioletowy, ale czerwony i zielony mieszające się przez żółty?

Mieszanie HSL interpoluje kąt odcienia na 360-stopniowym kole kolorów, używając najkrótszej drogi między dwoma odcieniami, zamiast bezpośredniego uśredniania wartości czerwonej, zielonej, i niebieskiej. Czerwony (0°) i zielony (120°) są stosunkowo blisko siebie na tym kole, przechodząc przez żółty (60°) po drodze, dlatego mieszanka skłania się ku żółtemu zamiast stawać się płaskim brązem, jak zrobiłoby proste uśrednianie RGB.

›Czy to narzędzie obsługuje przezroczystość lub wartości alfa?

Nie, miesza dwa całkowicie nieprzezroczyste kolory razem. Jeśli musisz nałożyć półprzezroczysty kolor na inny (kompozycja alfa), to inna operacja niż mieszanie dwóch jednolitych kolorów i wymagałaby dedykowanego narzędzia.

Prześlij obraz i otrzymaj kompletny pakiet favicon: favicon.ico, każdy rozmiar PNG oczekiwany przez przeglądarki i urządzenia, apple-touch-icon, ikony Android, site.webmanifest oraz HTML do wklejenia, wszystko w jednym ZIP.