Loading
แปลงสีระหว่างรูปแบบ HEX, RGB, HSL, HSV และ OKLCH ได้ทันที
นักพัฒนาพิมพ์หรือวางค่าสี (HEX เช่น #3b82f6, RGB เช่น rgb(59,130,246) หรือชื่อ CSS เช่น 'blue') ลงในช่องป้อนข้อมูล
หรือคลิกตัวเลือกสีทางขวาเพื่อเปิด Color Picker แบบกราฟิกและเลือกสีได้ตามต้องการ
ผลลัพธ์ทุกรูปแบบ (HEX, RGB, HSL, HSV, OKLCH และชื่อ CSS หากมี) จะแสดงทันทีในส่วนผลลัพธ์
คลิกปุ่ม คัดลอก ถัดจากรูปแบบใดก็ได้ เพื่อคัดลอกค่านั้นไปยัง Clipboard
แปลงสีแบรนด์ในรูปแบบ HEX เป็น HSL สำหรับ Tailwind CSS custom properties หรือเป็น RGB สำหรับค่า rgba() ที่ต้องการความโปร่งใส
รับค่า OKLCH สำหรับ Design Tokens สมัยใหม่ใน CSS ที่ให้สเกลสีที่สม่ำเสมอตามการรับรู้ของสายตา
นักออกแบบมักทำงานใน HSL ขณะที่นักพัฒนาต้องการ HEX หรือ RGB ในโค้ด — แปลงได้ทันทีเพื่อหลีกเลี่ยงข้อผิดพลาดจากการคำนวณเอง
ตรวจสอบค่า L (ความสว่าง) ใน HSL หรือ OKLCH เพื่อประเมินอย่างรวดเร็วว่าสีตัวอักษรและพื้นหลังมีคอนทราสต์เพียงพอ
Color Format Converter แปลงสีระหว่างรูปแบบ HEX, RGB, HSL, HSV และ OKLCH ได้ทันทีในเบราว์เซอร์ ไม่ต้องติดตั้งโปรแกรม เพียงวางค่าสีหรือใช้ตัวเลือกสี ทุกรูปแบบจะอัปเดตพร้อมกัน