PhotoRetrica

แปลง RGB เป็น HSB

รับค่าเฉดสี ความอิ่มตัว และความสว่างจากสี RGB เพื่อนำไปใส่ใน Photoshop, Figma หรือ Sketch

ไฟล์ของคุณไม่ออกจากอุปกรณ์เลยฟรี 100%
#FF3D72

ป้อนค่า rgb

ผลลัพธ์ · HSB

hsb(344, 76%, 100%)

HEX

#FF3D72

RGB

rgb(255, 61, 114)

HSL

hsl(344, 100%, 62%)

HSV

hsv(344, 76%, 100%)

CMYK

cmyk(0%, 76%, 55%, 0%)

วิธีใช้งาน: แปลง RGB เป็น HSB

  1. 1

    ใส่สี

    พิมพ์รหัสสีหรือเลือกสีด้วยตัวเลือกสี ทุกช่องรองรับรูปแบบที่แสดงอยู่

  2. 2

    ดูผลการแปลง

    ผลลัพธ์จะอัปเดตทันทีขณะที่คุณพิมพ์ พร้อมแสดงตัวอย่างสีแบบเรียลไทม์

  3. 3

    คัดลอกรหัส

    คัดลอกค่าที่ต้องการได้ในคลิกเดียว แล้ววางลงในงานออกแบบ CSS หรือการตั้งค่าการพิมพ์ของคุณ

HSB หมายถึงอะไร

HSB ย่อมาจาก hue, saturation และ brightness หรือเฉดสี ความอิ่มตัว และความสว่าง เป็นโมเดลเดียวกับ HSV ต่างกันแค่ชื่อขององค์ประกอบที่สาม และเป็นชื่อที่ Adobe Photoshop, Illustrator, Figma และ Sketch ใช้ในตัวเลือกสี เฉดสีระบุเป็นองศาตั้งแต่ 0 ถึง 360 ส่วนความอิ่มตัวและความสว่างเป็นเปอร์เซ็นต์

แปลง RGB เป็น HSB เมื่อคุณมีค่าช่องสีจากภาพหน้าจอ เว็บไซต์ หรือสเปกงาน และต้องการพิมพ์สีลงในแอปออกแบบที่ใช้ HSB หรือเมื่ออยากเข้าใจสีมากขึ้น ความอิ่มตัวต่ำหมายถึงโทนออกเทา ความสว่างต่ำหมายถึงโทนเข้ม ตัวอย่างเช่น rgb(255, 61, 114) จะกลายเป็น hsb(344, 76%, 100%) เครื่องมือยังแสดงค่า HEX, HSL, HSV และ CMYK ของสีเดียวกัน พร้อมปุ่มคัดลอกแต่ละค่า

ทุกอย่างทำงานภายในเบราว์เซอร์ของคุณ รูปภาพของคุณจะไม่ถูกอัปโหลดขึ้นเซิร์ฟเวอร์เด็ดขาด