Mieszacz koloru: szybki start

Wszystko, czego potrzeba do pierwszego udanego użycia: co wkleić, która opcja naprawdę ma znaczenie i jak odczytać wynik.

Wejście Mieszacz koloru Wyjście Działa w 100% w przeglądarce — Twoje dane nie opuszczają urządzenia.
Mieszacz koloru — Wejście → Wyjście. Działa w 100% w przeglądarce — Twoje dane nie opuszczają urządzenia.

Jak używać

  1. Otwórz narzędzie i wklej dane w lewym panelu.
  2. Ustaw tylko te opcje, których naprawdę wymaga zadanie — wartości domyślne są poprawne dla większości danych.
  3. Odczytaj wynik w prawym panelu; aktualizuje się podczas pisania.
  4. Użyj Kopiuj, aby pobrać wynik, albo Pobierz, aby zapisać go jako plik.
Jak używać · Mieszacz koloru 1 Wklej dane w polewejściowe (lub wczytajprzykład). 2 Dopasuj opcje dodocelowego formatu. 3 Skopiuj, pobierz lubsprawdź wynik —aktualizowany nabieżąco.
Jak używać — 3

Przykłady

Mix against #ffffff at 50% and switch the space to CIE Lab for a perceptually even ramp.

Wejście

#0ea5b7

Wyjście — Wyniki

#0ea5b7 + #ffffff at 50% (mixed in RGB)

Result
  HEX   #87d2db
  RGB   rgb(135, 210, 219)
  HSL   hsl(186.4, 54.0%, 69.3%)

Contrast against white : 1.71:1
Contrast against black : 12.26:1

Ramp (9 steps)
    0%  #0ea5b7
   13%  #2cb0c0
   25%  #4abcc9
   38%  #68c7d2
   50%  #87d2db
   63%  #a5dde4
   75%  #c3e9ed
   88%  #e1f4f6
  100%  #ffffff

CSS
  --mix: #87d2db;
  background: linear-gradient(90deg, #0ea5b7, #ffffff);

Uruchom

Opis

Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.

Mieszacz koloru → · Jak używać → · Narzędzia kolorów →

Powiązane narzędzia

Selektor dziesiętnego koloruInteractive picker with HEX, RGB and HSL output.Konwerter koloru CodeConvert between HEX, RGB, HSL and named colors.koloru nazw Weryfikator (WCAG)Verify text contrast ratios against WCAG AA/AAA.Generator koloru kontrastuShades, tints and complementary schemes from one color.Generator wieku koloruBatch random colors with copyable codes.Odwołanie CSS Nazwane KoloryAll 148 CSS color names with codes and previews.