Cách dùng: Bộ trộn màu

Bộ trộn màu là công cụ Công cụ màu sắc trực tuyến miễn phí, giúp blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios ngay trong trình duyệt. Dán dữ liệu, chỉnh tùy chọn và nhận kết quả tức thì — không cài đặt, không đăng ký, không tải lên máy chủ.

Dùng Bộ trộn màu ngay →

Mô tả

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

  • Công cụ màu sắc
  • Vì mọi tính toán đều ở phía máy khách, Bộ trộn màu an toàn với dữ liệu nhạy cảm như API key hay token.
Đầu vào Bộ trộn màu Đầu ra Chạy 100% trên trình duyệt — dữ liệu không rời khỏi thiết bị.
Bộ trộn màu — Đầu vào → Đầu ra

Cách dùng

Dùng Bộ trộn màu chỉ ba bước:

  1. Dán dữ liệu vào ô nhập (hoặc nạp ví dụ).
  2. Chỉnh tùy chọn theo định dạng mong muốn.
  3. Sao chép, tải hoặc xem kết quả — cập nhật khi bạn gõ.
Cách dùng · Bộ trộn màu 1 Dán dữ liệu vào ô nhập(hoặc nạp ví dụ). 2 Chỉnh tùy chọn theođịnh dạng mong muốn. 3 Sao chép, tải hoặc xemkết quả — cập nhật khibạn gõ.
Cách dùng

Chạy

Ví dụ

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

Đầu vào

#0ea5b7

Đầu ra

#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);

此输出由工具真实运行产生,并非人工编写。

Tình huống sử dụng

Những tình huống phổ biến mà Bộ trộn màu hữu ích:

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

Tham số

Công cụ này không có tùy chọn — chỉ tác động lên đầu vào.

FAQ

Color Mixer là gì?

Color Mixer dùng để blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios. Chạy hoàn toàn trong trình duyệt nên dữ liệu của bạn được bảo mật.

Color Mixer có miễn phí không?

Có. Không giới hạn, không đăng ký, không cài đặt.

Dữ liệu của tôi có bị tải lên?

Không. Mọi xử lý diễn ra ngay trên máy bạn.

Cần lưu ý

  • 全部计算在浏览器端完成,因此超大输入受限于标签页内存,而非服务器上传限制。

Công cụ liên quan

Bộ trộn màu → · Công cụ màu sắc →

Dùng Bộ trộn màu ngay →