ตัวแปลงสี CSS

วิธีใช้ตัวแปลงสี CSS

ตัวแปลงสี CSS เป็นเครื่องมือที่สำคัญสำหรับนักพัฒนาและนักออกแบบที่ต้องการแปลงค่าสีระหว่างรูปแบบต่าง ๆ

วิธีใช้ตัวแปลงสี CSS

ทำตามขั้นตอนง่าย ๆ ดังนี้:

1. เลือกหรือป้อนสี: คุณสามารถป้อนค่าสีหรือใช้ ตัวเลือกสี ที่มีให้ 2. เลือกรูปแบบข้อมูลเข้า: ตัวแปลงรับรูปแบบดังนี้:
- HEX: รหัสสี 6 หรือ 3 หลัก เช่น #FF5733 หรือ #F53
- RGB: แดง เขียว น้ำเงิน เช่น rgb(255, 87, 51)
- RGBA: มีค่าโปร่งใส เช่น rgba(255, 87, 51, 0.8)
- HSL: เฉดสี ความอิ่มตัว ความสว่าง เช่น hsl(14, 100%, 60%)
3. แปลงสี: คลิก "แปลงสี" 4. คัดลอกผลลัพธ์: คลิก "คัดลอก"