วิธีการแปลงสีของสีเป็นรหัสสีฐานฐานสิบหก

ผู้เขียน: Vivian Patrick
วันที่สร้าง: 8 มิถุนายน 2021
วันที่อัปเดต: 16 พฤศจิกายน 2024
Anonim
Flutter Hex Colors | How to use Hex Color Codes in Flutter | Easy Method
วิดีโอ: Flutter Hex Colors | How to use Hex Color Codes in Flutter | Easy Method

เนื้อหา

Microsoft Paint ใช้โปรไฟล์สี RGB ซึ่งแสดงถึงค่าของส่วนประกอบสีแดงเขียวและน้ำเงินของสีในรูปแบบของเลขฐานสิบระหว่างศูนย์ถึง 255 ซึ่งทำให้สามารถผสมสีได้ 16.7 ล้านสี มาตรฐาน HTML ยังใช้โปรไฟล์ RGB แต่แสดงค่าส่วนประกอบแต่ละรายการโดยใช้เลขฐานสิบหกแทนฐานสิบ สิ่งนี้อนุญาตให้มีช่วงของค่าตั้งแต่ศูนย์ถึง FF โดยที่ FF บนฐานสิบหกมีค่าเท่ากับ 255 ในฐานทศนิยม แปลงค่าสีทศนิยมของ Paint เป็นค่าเทียบเท่าเลขฐานสิบหกโดยใช้ "เครื่องคิดเลข" ของ Windows เพื่อใช้สีบางสีกับหน้า HTML

ขั้นตอนที่ 1

คลิกปุ่ม "Start" ของ Windows จากนั้นคลิก "All Programs" เปิดโฟลเดอร์ "Accessories" และคลิก "Paint" เพื่อเริ่มแอปพลิเคชัน


ขั้นตอนที่ 2

คลิกปุ่ม "แก้ไขสี" บนแถบเครื่องมือหลักเพื่อเปิดกล่องโต้ตอบตัวเลือกสี

ขั้นตอนที่ 3

คลิกสีที่คุณต้องการแปลงเป็นฐานสิบหกและสังเกตค่าสีแดงสีเขียวและสีน้ำเงินในกล่องที่ปรากฏที่มุมขวาล่างของกล่องโต้ตอบ

ขั้นตอนที่ 4

คลิก "เครื่องคิดเลข" ในโฟลเดอร์ "อุปกรณ์เสริม" ในเมนู "เริ่ม" ของ Windows เพื่อเปิดแอปพลิเคชัน คลิกที่เมนู "View" และเลือก "Programmer" หากคุณใช้ Windows 7 หรือ "Scientific" บน Windows เวอร์ชันอื่น ๆ อินเทอร์เฟซจะเปลี่ยนไปและคุณจะเห็นฐานตัวเลขหลายตัวเช่น "Dec" "Hex" และ "Bin" คลิก "Dec" เพื่อเลือกโหมดทศนิยมหากยังไม่ได้เลือก

ขั้นตอนที่ 5

ป้อนค่าขององค์ประกอบสีแดงของตัวเลือกสีจากนั้นคลิกปุ่ม "Hex" ค่าฐานเลขฐานสิบหกที่เทียบเท่าจะแสดงขึ้น ตัวอย่างเช่น 200 ในฐานสิบที่แปลงเป็นเลขฐานสิบหกจะแสดงเป็น C8


ขั้นตอนที่ 6

คลิกที่ปุ่ม "ธันวาคม" เพื่อเปลี่ยนเป็นโหมดทศนิยมและป้อนค่าองค์ประกอบสีเขียว คลิกที่ปุ่ม "Hex" เพื่อแปลงเป็นค่าเลขฐานสิบหกที่เท่ากัน ทำซ้ำขั้นตอนเพื่อแสดงค่าเทียบเท่าเลขฐานสิบหกของส่วนประกอบสีน้ำเงิน

ขั้นตอนที่ 7

รวมค่าฐานสิบหกสามค่าเพื่อสร้างรหัสสีสำหรับ HTML ตัวอย่างเช่นสีแดง 54 สีเขียว 193 และสีน้ำเงิน 201 จะสร้างรหัสสี "# 36C1C9" โปรดทราบว่ารหัสสีฐานสิบหกจะขึ้นต้นด้วยอักขระ "#" เสมอ จากนั้นโค้ดสามารถใช้กับเพจ HTML ได้