เครื่องมือสี
ตัวแปลงสีออนไลน์ | ซิงก์ RGB, HEX, HSL, HSV, CMYK
เครื่องมือแปลงสีออนไลน์ฟรีสำหรับ RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK และ CMYKA แก้ไขรูปแบบใดก็ได้แล้วค่าสีอื่นทั้งหมดจะอัปเดตทันที
ซิงก์สดไม่ต้องอัปโหลด
ตัวอย่างภาพ
ใช้สวอตช์สี ตัวเลือกสีของเบราว์เซอร์ และตัวเลื่อนอัลฟาเพื่อปรับสีเดียวกันในทุกรูปแบบอย่างละเอียด
สีตัวอย่าง
#3B82F6
rgba(59, 130, 246, 0.84)
ตัวเลือกสี
#3B82F6
อัลฟา
0.8401
ช่องสีแบบสด
HEX- R
- 59
- G
- 130
- B
- 246
- A
- 0.84
เคล็ดลับการแก้ไข
หากช่องใดไม่ถูกต้องชั่วคราวระหว่างพิมพ์ สีที่ถูกต้องล่าสุดจะยังคงใช้งานอยู่ เมื่อกรอกค่าให้สมบูรณ์ รูปแบบอื่นจะซิงก์กลับมาโดยอัตโนมัติ
ซิงก์สดไม่ต้องอัปโหลด
ตัวแก้ไขรูปแบบสีแบบสองทาง
รูปแบบทั้งหมดด้านล่างแก้ไขได้โดยตรง เมื่อคุณเปลี่ยน HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK หรือ CMYKA โมเดลสีอื่นจะซิงก์ทันที
RGB
RGBA
HSL
HSLA
HSV
HSVA
CMYK
CMYKA
คำอธิบาย
คำอธิบาย
RGB
RGB เป็นโมเดลสีมาตรฐานที่ประกอบด้วยช่องสีแดง (R) เขียว (G) และน้ำเงิน (B) การปรับความเข้มของแต่ละช่องและผสมเข้าด้วยกันทำให้ RGB แสดงสีได้เกือบทั้งหมดที่มองเห็นบนหน้าจอ จึงเป็นหนึ่งในระบบสีที่ใช้มากที่สุด
RGBA
RGBA คือ RGB ที่เพิ่มช่องอัลฟาสำหรับความโปร่งใส โดย R, G และ B ใช้ค่าตั้งแต่ 0 ถึง 255 ส่วน A มักใช้ 0 ถึง 1 หรือ 0% ถึง 100% และมักใช้ใน CSS เมื่อต้องการปรับความทึบของสีเดียวกัน
HEX
HEX คือการแทนค่าสีด้วยเลขฐานสิบหก ใช้อย่างแพร่หลายในงานเว็บและ CSS เพราะสั้นและคัดลอกง่าย ค่าสีอย่าง #2E8B57 จะเก็บค่าแดง เขียว น้ำเงินเป็นคู่เลขฐานสิบหก และรูปแบบขยายยังรวมค่าอัลฟาได้ด้วย
HSL
HSL (Hue, Saturation, Lightness) คือการแทนค่าสี RGB ในระบบพิกัดทรงกระบอก H คือโทนสีพื้นฐาน S คือความอิ่มตัวของสี และ L คือความสว่าง โดย 0% มืดที่สุด 50% สมดุล และ 100% สว่างที่สุด
HSLA
HSLA คือ HSL ที่เพิ่มช่องอัลฟาเข้าไป ยังคงแนวคิด hue, saturation และ lightness เดิม แต่เพิ่มความโปร่งใส จึงเหมาะกับเงา สีทึบโปร่ง และโอเวอร์เลย์ใน UI
HSV
HSV (Hue, Saturation, Value) เป็นปริภูมิสีที่ A. R. Smith สร้างขึ้นในปี 1978 และเรียกอีกชื่อว่า Hexcone Model โดย Value อธิบายความสว่างที่มองเห็นได้โดยตรง จึงเหมาะกับการเลือกสีแบบเข้าใจง่าย
HSVA
HSVA คือ HSV ที่เพิ่มช่องอัลฟา เหมาะเมื่อคุณต้องการใช้โมเดล hue, saturation, value พร้อมอธิบายความทึบแสงสำหรับอินเทอร์เฟซและกราฟิกแบบมีเลเยอร์
CMYK
CMYK เป็นโหมดสีที่ใช้กันมากในงานพิมพ์ สื่อสิ่งพิมพ์มองเห็นได้จากการสะท้อนแสงภายนอกเข้าสู่ดวงตา จึงเหมาะกับหนังสือพิมพ์ บรรจุภัณฑ์ และโบรชัวร์ ต่างจาก RGB บนหน้าจอ CMYK ถูกออกแบบมาสำหรับหมึกบนกระดาษ
CMYKA
CMYKA คือ CMYK ที่เพิ่มช่องอัลฟา เหมาะเมื่อคุณต้องการอธิบายค่า cyan, magenta, yellow, key พร้อมความโปร่งใสสำหรับการส่งต่องานออกแบบหรือไฟล์แบบเลเยอร์
วิธีใช้ตัวแปลงสีออนไลน์
01
วางหรือพิมพ์ค่าสีลงในช่องรูปแบบใดก็ได้ เช่น HEX, RGB, RGBA, HSL, HSV หรือ CMYK
02
ทันทีที่ค่าใช้งานได้ เครื่องมือจะเปลี่ยนเป็นรูปแบบสีอื่นที่รองรับทั้งหมดโดยอัตโนมัติ
03
ใช้แผงพรีวิว ตัวเลือกสี ตัวเลื่อนอัลฟา และปุ่มคัดลอกเพื่อปรับแต่งและนำค่าสีที่ต้องการออกไปใช้
คุณสมบัติหลัก
ซิงก์รูปแบบสองทาง
เปลี่ยนรูปแบบที่รองรับใดก็ได้ แล้วให้ RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK และ CMYKA ซิงก์กันแบบเรียลไทม์
การควบคุมสีแบบมองเห็น
ดูสีปัจจุบันทันทีด้วยสวอตช์สด ตัวเลือกสีของเบราว์เซอร์ ตัวเลื่อนอัลฟา และค่าช่องสี
การแปลงในเบราว์เซอร์
แต่ละช่องรองรับไวยากรณ์ที่คุ้นเคย และทุกการแปลงเกิดขึ้นในเบราว์เซอร์เพื่อความรวดเร็วและเป็นส่วนตัว
คำถามที่พบบ่อยเกี่ยวกับตัวแปลงสี
ฉันแก้ไขรูปแบบสีใดก็ได้แล้วให้อีกรูปแบบอัปเดตตามได้ไหม?
ได้ ตัวแปลงนี้ซิงก์ได้สองทาง หากคุณแก้ไข RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK หรือ CMYKA รูปแบบอื่นจะอัปเดตทันทีเมื่อค่าถูกต้อง
ความโปร่งใสถูกจัดการอย่างไรระหว่างการแปลง?
HEX จะแสดงโดยไม่มีอัลฟาเพราะหน้านี้เน้นรูปแบบที่คุณต้องการ ค่าอัลฟาจะยังคงอยู่ใน RGBA, HSLA, HSVA และ CMYKA และส่วนพรีวิวจะแสดงความทึบปัจจุบันเสมอ
ตัวแปลงสีนี้เป็นส่วนตัวหรือไม่?
ไม่ ข้อมูลทั้งหมดประมวลผลภายในเบราว์เซอร์ของคุณ ดังนั้นค่าสีจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์