แปลง RGB เป็น HSB
รับค่าเฉดสี ความอิ่มตัว และความสว่างจากสี RGB เพื่อนำไปใส่ใน Photoshop, Figma หรือ Sketch
ป้อนค่า 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
ใส่สี
พิมพ์รหัสสีหรือเลือกสีด้วยตัวเลือกสี ทุกช่องรองรับรูปแบบที่แสดงอยู่
- 2
ดูผลการแปลง
ผลลัพธ์จะอัปเดตทันทีขณะที่คุณพิมพ์ พร้อมแสดงตัวอย่างสีแบบเรียลไทม์
- 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 ของสีเดียวกัน พร้อมปุ่มคัดลอกแต่ละค่า
ทุกอย่างทำงานภายในเบราว์เซอร์ของคุณ รูปภาพของคุณจะไม่ถูกอัปโหลดขึ้นเซิร์ฟเวอร์เด็ดขาด