คืออะไรรหัสฐานสิบหกสำหรับสี

Nov 1, 2024
วิดีโออธิบาย

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

สีแดง, สีเขียว, สีฟ้า

รหัส hex ประกอบด้วยตัวเลขหกหลัก - มักจะนำหน้าด้วยสัญลักษณ์ปอนด์ (#) ตัวอย่างเช่นนี่คือรหัส hex สำหรับสีดำบริสุทธิ์: # 000000 ตัวเลขในรหัสนี้สอดคล้องกับปริมาณสีแดงสีเขียวและสีน้ำเงินในสี

ตัวเลขสองหลักแรกบอกเราว่าสีแดงมีสีเท่าใดตัวเลขสองหลักถัดไปนั้นมีไว้สำหรับสีเขียวและสองตัวสุดท้ายมีสีน้ำเงิน สีดำคือการไม่มีสีซึ่งเป็นสาเหตุที่ "000000" ไม่มีสีแดงสีเขียวหรือสีน้ำเงิน

ปริมาณสีแดงสีเขียวหรือสีน้ำเงินสามารถอยู่ในช่วง 0-255 แต่รอถ้าแต่ละสีมีเพียงตัวเลขสองหลักเท่านั้นและสเกลไปจนถึงปี 255 งานนั้นทำงานอย่างไร ที่แน่นอนว่ามีปัญหา คุณอาจคิดว่าสีแดงบริสุทธิ์จะเป็น # 2550000 แต่นั่นเป็นมากกว่าหกหลัก หัวเข็มขัดขึ้น

ตัวเลข และ ตัวอักษร

รหัสสี Hex ไม่มีตัวเลขเท่านั้น รหัสจริงสำหรับสีแดงบริสุทธิ์คือ # FF0000 ดังนั้นตัวอักษรเหล่านั้นแปลเป็นอย่างไร มันซับซ้อนเล็กน้อย

ระบบเลขฐานสิบหกขึ้นอยู่กับหมายเลข 16 เมื่อคุณทราบจำนวนสีที่คุณต้องการในระดับ 0-255 - คุณแบ่งเท่า ๆ กัน 16. หมายเลขที่คุณได้รับที่ด้านบนของสมการคือตัวเลขแรก จากนั้นส่วนที่เหลือเป็นตัวเลขที่สอง

ตอนนี้หากตัวเลขสองตัวนั้นเป็นตัวเลขหลักเดียวคุณเพียงแค่เสียบเข้ากับจุดของพวกเขาในรหัส hex อย่างไรก็ตามหากคุณจบลงด้วยตัวเลขสองหลักจำเป็นต้องแปลงเป็นตัวอักษร สำหรับสิ่งนั้นมีการสนทนาที่ง่ายที่จะทำให้:

  • 10 กลายเป็น
  • 11 กลายเป็น b
  • 12 กลายเป็น c
  • 13 กลายเป็น d
  • 14 กลายเป็น e
  • 15 กลายเป็น f

ในการกลับไปที่สีแดงบริสุทธิ์ - ซึ่งเป็น # FF0000 - ตอนนี้เราสามารถเห็นได้ว่ามันเป็น # 1515 0000 ก่อนที่จะถูกแปลงเป็นตัวอักษร สีที่ซับซ้อนมากขึ้นเช่นสีม่วง (# 5F1E85) - มีมากกว่าเกิดขึ้น แต่คุณรู้ว่าตัวอักษรใด ๆ เป็นเพียงตัวเลขมากกว่า 9

รหัส hex คืออะไร

ตอนนี้เรารู้ว่ารหัส hex อะไร เป็น แต่มันทำอะไร ทำ ? รหัสสี Hex บอกแสดงสีอะไรที่จะแสดง จอแสดงผลอ่านข้อมูลทั้งหมดเกี่ยวกับวิธีการทำสีนั้นจากรหัส - และมันก็เป็นสีที่ทำให้สี

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

นั่นคือทั้งหมดที่มีรหัสสี Hex พวกเขาอาจมีลักษณะเป็นภาษาต่างประเทศ แต่มีสูตรเฉพาะที่อธิบายความหมายที่อยู่เบื้องหลังแต่ละหลัก ตอนนี้คุณรู้เพิ่มเติมเกี่ยวกับรหัสเหล่านั้นที่คุณเห็น Photoshop และ Illustrator .

ที่เกี่ยวข้อง: ความแตกต่างระหว่าง Illustrator และ Photoshop ความแตกต่างคืออะไร?

วิธีการค้นหารหัส hex สำหรับสี

คุณรู้ว่ารหัส hex ทำอย่างไรและใช้วิธีการใช้งาน แต่คุณจะหารหัส hex สำหรับสีได้อย่างไร โชคดีที่มีเครื่องมือออนไลน์ฟรีมากมายในการค้นหารหัส hex สำหรับสีใด ๆ ในภาพ

หากคุณกำลังมองหาสิ่งที่ดีเราขอแนะนำเว็บไซต์ที่เรียกว่า image-color.com . คุณสามารถอัปโหลดรูปภาพจากอุปกรณ์ของคุณหรือ URL และใช้เครื่องมือ Eye-Dropper เพื่อเลือกสีจากมัน คลิก "เรียกดู" เพื่ออัปโหลดของคุณเองหรือวาง URL ในกล่องข้อความแล้วคลิก "อัปโหลด"

เมื่ออัปโหลดภาพแล้วคุณสามารถคลิกหรือแตะที่ใดก็ได้เพื่อเลือกสีจากภาพ สีจะปรากฏที่ด้านบนพร้อมกับรหัส hex ในกล่อง "Hex"

ตอนนี้คุณสามารถนำรหัส hex นั้นและใช้งานได้ Photoshop, Illustrator หรือที่ใดก็ตามที่คุณต้องการ นั่นคือทั้งหมดที่มีรหัสสี Hex พวกเขาอาจมีลักษณะเป็นภาษาต่างประเทศ แต่มีสูตรเฉพาะที่อธิบายความหมายที่อยู่เบื้องหลังแต่ละหลัก คุณรู้แล้วตอนนี้.


วิดีโออธิบาย - บทความยอดนิยม

คืออะไรชิป 5nm และเป็นเหตุผลว่าทำไม 5nm ดังนั้นสำคัญ?

วิดีโออธิบาย Sep 29, 2025

Quardia / Shuttestock.com มีการพูดคุยมากมายเกี่ยวกับกระบวนการผลิตใหม่ส�..


คืออะไรกระแสดัดแปลง?

วิดีโออธิบาย Sep 12, 2025

Ponomonarenko Anastasia / Shutterstock.com ในฐานะผู้คนมากกว่าที่เคยสตรีมตัวเองเล่..


สิ่งที่เป็น E-Ink และวิธีการทำงานหรือไม่

วิดีโออธิบาย Oct 18, 2025

A. Aleksandravicius / Shutterstock.com หากคุณได้รับการอ่านหนังสือทางกายภาพในขณ�..


อะไรคือการทดสอบเบต้า?

วิดีโออธิบาย Oct 15, 2025

เพียงแค่ชีวิต / Shutterstock.com คุณได้ค้นพบโปรแกรมที่คุณใช้งานมี�..


การ์ด SD ที่มีราคาแพงจะช่วยเพิ่มประสิทธิภาพ Nintendo สวิทช์?

วิดีโออธิบาย Oct 11, 2025

Nintendo ไม่ว่าคุณจะมีความสามารถ สวิตช์ Nintendo , แบบพกพา สวิตช์ไ�..


คืออะไรสลับ In-Plane (IPS) แผง?

วิดีโออธิบาย Nov 21, 2024

lukmanazis / shutterstock.com เมื่อซื้อจอภาพคุณอาจเจอคำ IPS สั้น ๆ สำหรับ "การ�..


Windows 11 SE คืออะไร

วิดีโออธิบาย Nov 9, 2024

Microsoft เมื่อไหร่ ไมโครซอฟท์ครั้งแรกที่แสดงให้เห็นถึงของ Windows 10X..


วิธีทำภายใต้การแสดงมาร์ทโฟนกล้องทำงาน?

วิดีโออธิบาย Nov 3, 2024

Framesira / Shutterstock.com สมาร์ทโฟนต่อไปของคุณอาจมีกล้องที่คุณไม่สาม�..


หมวดหมู่