ตัวเลือกสี

เลือกสีและแปลงค่า HEX, RGB และ HSL สำหรับโค้ด CSS, design token และการตรวจพาเลตสีในเบราว์เซอร์

⌘ ทำงานในเบราว์เซอร์ ◴ ไม่จัดเก็บข้อมูล ⌁ ฟรี

ตัวเลือกสี พื้นที่ทำงานตัวเลือกสี

โค้ดสีที่เลือก

วิธีใช้

  1. 1 เลือกสีหรือปรับค่า HEX, RGB และ HSL ในตัวเลือกสี
  2. 2 ตรวจสอบค่า HEX, RGB และ HSL ที่แปลงแล้ว
  3. 3 คัดลอกรูปแบบที่ต้องการสำหรับงานออกแบบหรือโค้ด

กรณีใช้งานทั่วไป

  • ตัวเลือกสี HEX, RGB และ HSL
  • ติดตามพาเลตสีล่าสุด
  • คัดลอกโค้ดสี CSS

คำถามที่พบบ่อย

รองรับรูปแบบสีใดบ้าง?

เครื่องมือแสดงค่า HEX, RGB และ HSL และเมื่อพิมพ์ในช่องหนึ่งจะคำนวณเป็นรูปแบบอื่นให้ เหมาะกับงาน color picker, HSL color picker และ RGB color picker

คัดลอกค่าสีได้ไหม?

ได้ แต่ละช่อง HEX, RGB และ HSL มีปุ่มคัดลอกของตัวเองสำหรับคัดลอกรูปแบบนั้นไปยังคลิปบอร์ด

สีที่เลือกล่าสุดถูกบันทึกไว้ไหม?

เมื่อเลือกสีเสร็จ สีจะถูกเก็บในพาเลตล่าสุดได้สูงสุด 12 สี และสามารถล้างด้วยปุ่มล้างพาเลตได้

เวิร์กโฟลว์ที่เกี่ยวข้อง