เครื่องมือแปลงสี
แปลงสีระหว่างรูปแบบ HEX, RGB และ HSL ได้ทันที เครื่องมือแปลงสีฟรีพร้อมตัวอย่างสด เหมาะสำหรับนักพัฒนาเว็บ
Loading tool...
เครื่องมือแปลงสี คืออะไร?
Color Converter แปลงสีระหว่างรูปแบบต่างๆ รวมถึง HEX, RGB, RGBA, HSL, HSLA และ CMYK มีตัวเลือกสีแบบภาพ การแปลงทันที และจำเป็นสำหรับนักออกแบบเว็บ นักพัฒนา และทุกคนที่ทำงานกับสีดิจิทัล
ประโยชน์หลัก
- แปลงระหว่างรูปแบบสีทั้งหมด
- ตัวเลือกสีแบบภาพ
- แปลงทันที
- คัดลอกด้วยคลิกเดียว
กรณีการใช้งาน
- •ออกแบบเว็บ
- •จัดสไตล์ CSS
- •ออกแบบสิ่งพิมพ์ (CMYK)
- •จัดการสีแบรนด์
- •ออกแบบ UI/UX
วิธีแปลงรูปแบบสี
- ป้อนค่าสี: พิมพ์สีในรูปแบบใดก็ได้: HEX (#FF5733), RGB (255, 87, 51) หรือ HSL (9°, 100%, 60%) เครื่องมือจะตรวจจับรูปแบบอัตโนมัติ
- ดูการแปลงทั้งหมด: ดูสีที่แปลงเป็นรูปแบบที่รองรับทั้งหมดทันที: HEX, RGB, RGBA, HSL, HSLA และ CMYK
- ใช้ตัวเลือกสี: คลิกตัวอย่างสีเพื่อเปิดตัวเลือกสีแบบภาพ เลือกสีใดก็ได้และดูค่ารูปแบบทั้งหมดอัปเดตแบบเรียลไทม์
- คัดลอกค่าที่ต้องการ: คลิกไอคอนคัดลอกข้างรูปแบบใดก็ได้เพื่อคัดลอกค่านั้นไปยังคลิปบอร์ด
คุณสมบัติหลัก
- แปลงระหว่าง HEX RGB RGBA HSL HSLA CMYK
- ตัวเลือกสีแบบภาพสำหรับการเลือกง่าย
- แปลงแบบเรียลไทม์ขณะพิมพ์
- คัดลอกรูปแบบใดก็ได้ด้วยคลิกเดียว
- สร้าง color palette
- ตรวจสอบ contrast สำหรับ accessibility
คำถามที่พบบ่อย
แปลง HEX เป็น RGB ได้อย่างไร?
ป้อนรหัสสี HEX (เช่น #FF5733) ในช่องป้อนข้อมูล และตัวแปลงจะแสดงค่า RGB (255, 87, 51) ทันที คุณยังสามารถแปลงจาก RGB เป็น HEX ได้ เครื่องมือรองรับ HEX, RGB, HSL และ CMYK
HEX, RGB และ HSL ต่างกันอย่างไร?
HEX (#FF5733) เป็นสัญลักษณ์ฐานสิบหกที่ใช้ในการพัฒนาเว็บ RGB (255, 87, 51) อธิบายค่าสีแดง เขียว น้ำเงิน 0-255 HSL (9°, 100%, 60%) อธิบาย hue (สี), saturation (ความเข้ม) และ lightness (ความสว่าง)
ควรใช้รูปแบบสีใดสำหรับการออกแบบเว็บ?
HEX พบบ่อยที่สุดสำหรับสี CSS RGB/RGBA มีประโยชน์เมื่อต้องการความโปร่งใส HSL ดีสำหรับการปรับสีแบบโปรแกรม—เปลี่ยนค่า lightness เพื่อสร้างสีอ่อน/เข้มขึ้น
ทำไมสีบนหน้าจอต่างจากเมื่อพิมพ์?
หน้าจอใช้ RGB (แสง) ในขณะที่เครื่องพิมพ์ใช้ CMYK (หมึก) เป็น color spaces ที่ต่างกัน สีสดบางสีบนจอไม่สามารถพิมพ์ได้อย่างถูกต้อง ควรแปลงเป็น CMYK สำหรับงานพิมพ์
อยู่ในชุดเครื่องมือ:ชุดเครื่องมือสำหรับนักออกแบบ UI/UX