freesabai

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

แปลงสี HEX RGB HSL

ใส่สีแบบใดก็ได้ (#336699 rgb(51, 102, 153) hsl(210, 50%, 40%) หรือชื่อสีอย่าง tomato) แล้วได้ทั้ง HEX RGB และ HSL พร้อมคัดลอก เลือกสีด้วยตาจากแถบสีได้ รองรับความโปร่งใส ทำงานในเบราว์เซอร์ของคุณ

เครื่องมือนี้ต้องใช้ JavaScript ถ้าเห็นข้อความนี้นานเกินไม่กี่วินาที แปลว่าเบราว์เซอร์ปิด JavaScript ไว้หรือโหลดหน้าไม่ครบ ลองเปิด JavaScript หรือโหลดหน้านี้ใหม่

วิธีใช้

  1. พิมพ์หรือวางสีลงช่อง หรือกดแถบสีเพื่อเลือกด้วยตา ตัวอย่างสีและรหัสทุกแบบขึ้นทันที
  2. ใส่ค่าโปร่งใสได้ เช่น #33669980 หรือ rgba(51, 102, 153, 0.5)
  3. กด "คัดลอก" ที่รหัสแบบที่ต้องการ

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

HEX RGB และ HSL ต่างกันอย่างไร

ทั้งสามเป็นวิธีเขียนสีเดียวกัน HEX และ RGB บอกปริมาณแดง เขียว น้ำเงิน (0-255) ส่วน HSL บอกเฉดสี (0-360 องศาบนวงล้อสี) ความอิ่มสี และความสว่าง ทำให้ปรับสีให้สว่างขึ้นหรือซีดลงง่ายกว่า

เขียนสีโปร่งใสอย่างไร

ใช้ HEX 8 หลัก (#RRGGBBAA) หรือ rgba() / hsla() หรือแบบใหม่ rgb(51 102 153 / 50%) ค่า AA เป็น 00 (ใส) ถึง FF (ทึบ) ในแบบ HEX

ทำไมสีที่ใส่ไม่ได้ชื่อสี

ชื่อสี CSS มี 148 ชื่อ เช่น tomato และ steelblue เครื่องมือแสดงชื่อเมื่อสีที่ใส่ตรงกับชื่อใดชื่อหนึ่งพอดีเท่านั้น

สิ่งที่ควรรู้

ข้อมูลของคุณไม่ออกจากเครื่อง

ทุกอย่างทำงานในเบราว์เซอร์ของคุณ สิ่งที่คุณพิมพ์ วาง หรือเปิดไม่ถูกส่งขึ้นเซิร์ฟเวอร์ของ freesabai หรือของใคร และไม่ถูกเก็บไว้ในเบราว์เซอร์ ปิดหน้าแล้วหายหมด เว็บนับเพียงว่าหน้านี้ถูกเปิดและมีคนคัดลอกหรือบันทึกผลกี่ครั้ง (ไม่ส่งสิ่งที่วางหรือผลลัพธ์ และปิดการนับได้ที่ท้ายเว็บ ดูนโยบายความเป็นส่วนตัว)

แจ้งปัญหาหรือเสนอไอเดีย

เจอปัญหาหรืออยากให้เครื่องมือนี้ทำอะไรได้เพิ่ม บอกเราได้ที่หน้าแจ้งปัญหาและเสนอไอเดีย ไม่ต้องสมัคร

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

JSON และข้อมูล

เข้ารหัส แฮช โทเคน

ตัวสร้าง

เวลา ตัวเลข สี

ข้อความและโค้ด