วิธีใช้: ตัวผสมสี
ตัวผสมสี คือเครื่องมือ เครื่องมือสี ออนไลน์ฟรีที่ blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios ทันทีในเบราว์เซอร์ของคุณ วางข้อมูล ปรับตัวเลือก แล้วได้ผลแบบเรียลไทม์ — ไม่ต้องติดตั้ง ไม่ต้องสมัคร และไม่มีการอัปโหลดข้อมูล
คำอธิบาย
Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.
- เครื่องมือสี
- ด้วยการคำนวณฝั่งไคลเอ็นต์ทั้งหมด ตัวผสมสี จึงปลอดภัยสำหรับข้อมูลที่ละเอียดอ่อน เช่น API key
วิธีใช้
ใช้ ตัวผสมสี ในสามขั้นตอน:
- วางข้อมูลในช่องอินพุต (หรือโหลดตัวอย่าง)
- ปรับตัวเลือกให้ตรงกับรูปแบบที่ต้องการ
- คัดลอก ดาวน์โหลด หรือตรวจสอบเอาต์พุต — อัปเดตทันทีขณะพิมพ์
รัน
ตัวอย่าง
Mix against #ffffff at 50% and switch the space to CIE Lab for a perceptually even ramp.
ข้อมูลเข้า
#0ea5b7
ข้อมูลออก
#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);
此输出由工具真实运行产生，并非人工编写。
กรณีใช้งาน
สถานการณ์ทั่วไปที่ ตัวผสมสี ช่วยได้:
- Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.
พารามิเตอร์
เครื่องมือนี้ไม่มีตัวเลือก ทำงานกับอินพุตโดยตรง
คำถามที่พบบ่อย
Color Mixer คืออะไร?
Color Mixer ใช้เพื่อblend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios ทำงานทั้งหมดในเบราว์เซอร์ ข้อมูลของคุณเป็นส่วนตัว
Color Mixer ใช้ง่ายฟรีไหม?
ฟรี ไม่จำกัด ไม่ต้องสมัครหรือติดตั้ง
ข้อมูลของฉันถูกอัปโหลดไหม?
ไม่ ทุกอย่างประมวลผลในเครื่องของคุณ
ข้อควรรู้
- 全部计算在浏览器端完成，因此超大输入受限于标签页内存，而非服务器上传限制。