ออกแบบ
ตัวแปลงสี
แปลงระหว่าง HEX, RGB และ HSL
rgb()
RGB · คลิกเพื่อคัดลอก
hsl()
HSL · คลิกเพื่อคัดลอก
cmyk()
ค่าประมาณ CMYK · คลิกเพื่อคัดลอก
ประมาณจาก sRGB และไม่มีโปรไฟล์ ICC จึงใช้แทนงานปรู๊ฟพิมพ์ไม่ได้
oklch()
OKLCH · คลิกเพื่อคัดลอก
lab()
CIELAB D50 · คลิกเพื่อคัดลอก
กำลังตรวจสอบการปรับ D50 และการแปลง Lab ไปกลับ…
คำแนะนำเกี่ยวกับความแตกต่างปรากฏที่นี่
ไปป์ไลน์: เครื่องสร้างพาเลตสี · เครื่องมือสร้างเฉดสี · ตัวตรวจสอบความคมชัดของสี
แปลงสีระหว่าง HEX, RGB, HSL, OKLCH และ LAB
เลือกสีหรือวางรหัส HEX/HEXA ทุกรูปแบบจะอัปเดตทันทีโดยคงค่า alpha พร้อม CSS Lab ที่แก้ D50 และป้ายความเปรียบต่าง WCAG เทียบข้อความสีขาวและดำ
คำถามที่พบบ่อย
รองรับรูปแบบใดบ้าง?
ค่า HEX/HEXA, RGB, HSL, OKLCH, CIELAB และ CMYK โดยประมาณ ผลลัพธ์ CSS lab() ใช้จุดขาว D50 ตามที่กำหนด และคงค่า alpha ไว้เมื่อแปลงระหว่างรูปแบบ
ฉันสามารถคัดลอกค่าได้ไหม?
ได้ — คลิกค่าใดก็ได้เพื่อคัดลอก ใช้ “คัดลอกทุกรูปแบบ” เพื่อรับทั้งบล็อก หรือดาวน์โหลด CSV สำหรับสเปรดชีต
มันดีสำหรับ CSS ไหม?
ได้ — ผลลัพธ์ RGB, HSL และ OKLCH จัดรูปแบบพร้อมวางใน CSS ลิงก์ pipeline จะส่งสีของคุณไปยังเครื่องมือจานสี เฉดสี และคอนทราสต์
อัปเดตล่าสุด: