การเลือกสีและคัดลอกรหัสในรูปแบบ HEX, RGB และ HSL ทำได้ทันทีด้วยเครื่องมือออนไลน์ฟรีนี้ ไม่ต้องสมัครสมาชิก
เครื่องมือเลือกสีคืออะไร?
Color Picker คือเครื่องมือที่ช่วยให้คุณเลือกสีจาก spectrum สีเต็มรูปแบบและได้รหัสสีในรูปแบบต่างๆ ที่ใช้งานได้ทันที เช่น HEX (#FF5733), RGB (rgb(255,87,51)) และ HSL (hsl(11, 100%, 60%))
วิธีใช้เครื่องมือเลือกสี
- คลิกหรือลากบน color wheel หรือ gradient
- ปรับความสว่างและความอิ่มตัวตามต้องการ
- รหัสสีในรูปแบบ HEX, RGB และ HSL จะแสดงทันที
- คลิกเพื่อคัดลอกรูปแบบที่ต้องการ
ทำงานในเบราว์เซอร์ทั้งหมด
กรณีการใช้งาน
- การออกแบบเว็บ - เลือกสีสำหรับ CSS และ UI
- กราฟิกดีไซน์ - เลือกสีสำหรับ brand guidelines
- การพัฒนาแอป - ระบุสีสำหรับ theme
- การนำเสนอ - เลือกสีที่เข้ากันสำหรับ slides
- โซเชียลมีเดีย - สร้าง color palette สำหรับ feed
คำถามที่พบบ่อย
HEX, RGB และ HSL แตกต่างกันอย่างไร? HEX ใช้ในโค้ด HTML/CSS RGB แสดงค่าแดง เขียว น้ำเงิน (0-255) HSL แสดง Hue (0-360°), Saturation (0-100%) และ Lightness (0-100%)
ฉันสามารถป้อนค่า HEX โดยตรงได้หรือไม่? ใช่ คุณสามารถพิมพ์ค่า HEX หรือ RGB และ picker จะอัปเดตตำแหน่ง
รองรับ RGBA (มีความโปร่งใส) หรือไม่? เครื่องมือพื้นฐานรองรับ solid colors แต่บางเวอร์ชันรองรับ alpha channel
ค่า HEX 6 ตัวกับ 3 ตัวต่างกันไหม? #RGB (3 ตัว) เป็นชื่อย่อของ #RRGGBB เช่น #F0A = #FF00AA