เครื่องมือนักพัฒนา

Pick colors online (HEX, RGB, HSL)

Pick a color and copy HEX/RGB/HSL values.

เครื่องมือทั้งหมด

Color Picker

ข้อมูลเข้า
ผลลัพธ์

วิธีใช้งาน

  1. Pick a color or type a HEX value.
  2. Copy HEX / RGB / HSL from the output panel.
  3. Use the value in your UI or code.

Best practices

  • For best performance, try with smaller inputs first.
  • Preview the output before downloading or sharing it.
  • Avoid pasting sensitive data on shared devices.

ความเป็นส่วนตัว

บางเครื่องมือทำงานในเบราว์เซอร์ของคุณ บางฟีเจอร์อาจต้องประมวลผลบนเซิร์ฟเวอร์

ตัวอย่าง
Example 1
ข้อมูลเข้า
#6366F1
ผลลัพธ์
HEX: #6366F1
RGB: rgb(99, 102, 241)
HSL: hsl(239, 84%, 67%)
Example 2
ข้อมูลเข้า
#10B981
ผลลัพธ์
HEX: #10B981
RGB: rgb(16, 185, 129)
HSL: hsl(160, 84%, 39%)

Was this tool helpful?