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 ได้ทันทีในเบราว์เซอร์ ไม่ต้องติดตั้งโปรแกรม เพียงวางค่าสีหรือใช้ตัวเลือกสี ทุกรูปแบบจะอัปเดตพร้อมกัน
พบข้อมูลผิดหรือผลลัพธ์ไม่ตรง? แจ้งทีมพร้อมขั้นตอนและตัวอย่างที่ไม่มีข้อมูลลับ
แปลง JSON array ของ object เป็นข้อความ CSV เพื่อคัดลอกหรือดาวน์โหลด
จัดรูปแบบ ย่อ และตรวจไวยากรณ์ JSON พร้อมเลือกระยะเยื้องในเบราว์เซอร์
แปลงข้อความ UTF-8 เป็น Base64 หรือแปลงกลับเป็นข้อความ ไม่ใช่การเข้ารหัสลับ
แปลงส่วนประกอบ URL ด้วย percent encoding หรือถอดกลับ
แปลง YAML เป็น JSON หรือแปลงกลับ พร้อมตรวจชนิดข้อมูลในผลลัพธ์
ทดลอง JavaScript regex พร้อม flags การไฮไลต์ผลที่พบ และ capture groups