การแปลงรหัสสี (Color Converter)

เครื่องมือแปลงรหัสสีคืออะไร?

Color Code Converter เป็นเครื่องมือออนไลน์ฟรีที่แปลงค่ารหัสสีแบบตัวเลขที่ใช้ในการออกแบบเว็บ การพัฒนาแอป การแก้ไขภาพ และการออกแบบสิ่งพิมพ์ แม้จะเป็นสีเดียวกัน รูปแบบที่ใช้ระบุสีนั้น—เช่น HEX, RGB, HSL, HSV หรือ CMYK—ก็แตกต่างกันไปตามแอปพลิเคชันหรือซอฟต์แวร์ที่ใช้ ด้วยเครื่องมือนี้ คุณสามารถดูค่าของทุกรูปแบบหลักได้ในพริบตา เพียงแค่ป้อนสีเดียว

HEX คือระบบเลขฐานสิบหกที่ใช้กันอย่างแพร่หลายใน CSS ของเว็บไซต์ ตัวอย่างเช่น สีขาวแสดงด้วย #FFFFFF และสีดำแสดงด้วย #000000 ส่วน RGB คือระบบที่รวมแสงสีแดง สีเขียว และสีน้ำเงินบนสเกลตั้งแต่ 0 ถึง 255 และใช้เพื่อจัดการสีบนหน้าจอ RGBA และ HEXA 8 หลัก ยังช่วยให้คุณสามารถกำหนดความโปร่งใสได้ ทำให้มีประโยชน์ในการสร้างสีพื้นหลังและชั้นทับที่กึ่งโปร่งใส

HSL เป็นระบบแสดงสีโดยใช้ค่าสี (hue), ความอิ่มตัว (saturation), และความสว่าง (lightness) ค่าสีถูกกำหนดบนวงล้อสีที่มีช่วงตั้งแต่ 0 ถึง 360 องศา ส่วนความอิ่มตัวและความสว่างถูกกำหนดบนสเกลตั้งแต่ 0 ถึง 100%รูปแบบนี้ช่วยให้ปรับสีได้อย่างง่ายดายและตามสัญชาตญาณ เช่น ทำให้สีสว่างขึ้นเล็กน้อยหรือลดความสดใสของสีลง HSV หรือ HSB ใช้สีโดยใช้ค่าโทนสี (hue), ความอิ่มตัว (saturation), และความสว่าง (brightness) และถูกใช้ในโปรแกรมกราฟิกและเครื่องมือเลือกสีหลายชนิด

CMYK เป็นแบบจำลองสีที่อิงจากปริมาณหมึกสีฟ้า (cyan), สีม่วงแดง (magenta), สีเหลือง (yellow) และสีดำ (black) และใช้หลักในอุตสาหกรรมการพิมพ์ อย่างไรก็ตาม ค่า CMYK ที่คำนวณทางคณิตศาสตร์จากสี RGB บนหน้าจอเป็นเพียงแนวทางคร่าวๆ เท่านั้น เนื่องจากผลลัพธ์การพิมพ์จริงขึ้นอยู่กับปัจจัยต่างๆ เช่น กระดาษ หมึก เครื่องพิมพ์ และโปรไฟล์ ICC ดังนั้น โปรดตรวจสอบกับบริษัทพิมพ์ของคุณและยืนยันสภาพแวดล้อมการจัดการสีสำหรับวัสดุพิมพ์ที่ต้องการความแม่นยำของสี

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

วิธีใช้

1. ใช้เครื่องมือเลือกสี หรือป้อนค่าในรูปแบบ HEX, RGB, HSL, HSV หรือ CMYK
2. ขึ้นอยู่กับรูปแบบที่คุณป้อน ค่าในรูปแบบสีอื่น ๆ จะถูกอัปเดตอัตโนมัติ
3. หากต้องการความโปร่งใส ให้ปรับแถบเลื่อนความโปร่งใสหรือช่องตัวเลข
4. เมื่อคลิก “แสดงผลการแปลง” คุณจะถูกนำไปยังส่วนผลลัพธ์ ซึ่งคุณสามารถตรวจสอบแต่ละรูปแบบ สีเสริม และอัตราส่วนความต่างสีได้
5. คลิก "คัดลอก" ในรูปแบบที่ต้องการ แล้ววางลงใน CSS เครื่องมือออกแบบ เอกสารประกอบ เป็นต้น

ข้อควรระวังในการใช้งาน

• ค่า CMYK เป็นการแปลงทั่วไปที่ได้จาก RGB และไม่รับประกันการถ่ายทอดสีที่แม่นยำในการพิมพ์
• ความโปร่งใสจะแสดงออกในรูปแบบ RGB, HSL และ HEXA แต่ CMYK ไม่รวมแนวคิดเรื่องความโปร่งใส
• ขึ้นอยู่กับตั้งค่าหน้าจอ เบราว์เซอร์ และระบบปฏิบัติการ สีเดียวกันอาจแสดงผลแตกต่างกัน
• อัตราส่วนความต่างสีถูกคำนวณบนพื้นฐานของสีทึบ โดยไม่รวมความโปร่งใส ความชัดเจนในการอ่านอาจแตกต่างกันไปขึ้นอยู่กับภาพพื้นหลังจริงและวิธีที่องค์ประกอบทับซ้อนกัน
• ตัวเลขทศนิยมที่มีค่าเล็กมากจะถูกปัดเศษให้มีจำนวนตำแหน่งทศนิยมที่เหมาะสมเพื่อความสะดวกในการอ่าน

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