Mieszanie kolorów
Mieszaj 2 lub 3 kolory w dowolnych proporcjach, jak farby lub światło, albo rozciągnij dwa kolory w maksymalnie 10 kroków. Kopiuj HEX, RGB, HSL i CMYK.
Wybierz 2 lub 3 kolory i ustaw, ile każdego z nich ma się znaleźć w mieszance: zmieszany kolor jest obliczany natychmiast w Twojej przeglądarce. Kliknij wynik lub dowolną wartość, aby ją skopiować.
Wybierz dwa kolory i liczbę kroków: każdy odcień pośredni jest obliczany natychmiast w Twojej przeglądarce.
O Mieszanie kolorów
Mikser kolorów pokazuje, jaki kolor powstaje po zmieszaniu dwóch lub trzech kolorów. Wybierz kolory, ustaw, ile każdego z nich ma trafić do mieszanki, a wynikowy kolor pojawi się natychmiast wraz z wartościami HEX, RGB, HSL i CMYK oraz paskiem przepisu pokazującym udział każdego koloru.
Trzy modele mieszania odpowiadają na różne pytania. Farba miesza jak prawdziwe pigmenty, więc niebieski i żółty dają zielony, a odrobina czerni robi dużą różnicę. Światło uśrednia kolory tak, jak łączą je ekrany i kolorowe światła, więc czerwony i zielony dają żółty. Percepcyjny uśrednia je w przestrzeni OKLab używanej przez CSS color-mix(), dla płynnych, równomiernych wyników w pracy nad interfejsem i projektem.
Drugi widok, Kroki gradientu, płynnie przechodzi od koloru początkowego do końcowego przez maksymalnie dziesięć odcieni pośrednich, w RGB lub HSL, z podglądem gradientu i gotowym do wklejenia gradientem CSS. Wszystko działa w Twojej przeglądarce, bez udziału serwera.
Jak korzystać z Mieszanie kolorów
- Otwórz widok „Mieszanie kolorów” i wybierz dwa kolory albo dodaj trzeci przyciskiem „Dodaj kolor”.
- Ustaw ilość każdego koloru: procent obok pokazuje jego udział w mieszance.
- Wybierz model mieszania: Farba, Światło lub Percepcyjny.
- Kliknij zmieszany kolor lub dowolną jego wartość, aby ją skopiować, albo użyj „Kopiuj przepis”, by zachować proporcje.
- Przejdź do „Kroki gradientu”, aby zbudować gradient złożony z maksymalnie 10 odcieni między dwoma kolorami.