ตัวเลือกสี – รับ 11 รูปแบบสีในเบราว์เซอร์
เลือกสีด้วยตัวเลือกสีเนทีฟหรือใช้ EyeDropper หน้าจอในเบราว์เซอร์ที่รองรับ ตัวเลือกสีจะแสดงสีที่เลือกใน 11 รูปแบบ รวมถึง hex, RGB, HSL, HSV, HWB, CMYK, LAB, LCH และ OKLab คัดลอกทุกรูปแบบได้ในคลิกเดียว และดูชื่อสี CSS ที่ใกล้เคียงที่สุดควบคู่กับค่าเหล่านั้น
ตัวเลือกสี เป็นเครื่องมือที่ทำงานในเบราว์เซอร์สำหรับเลือกสีและดูสีใน 11 รูปแบบพร้อมกัน ใช้ตัวเลือกสีเนทีฟเพื่อเลือกสี หรือใช้ EyeDropper หน้าจอในเบราว์เซอร์ที่รองรับ เครื่องมือยังแสดงชื่อสี CSS ที่ใกล้เคียงที่สุด เพื่อให้คุณตรวจทานชื่อที่รู้จักได้ควบคู่กับค่าตัวเลขและรหัส
เมื่อคุณเลือกสี ตัวเลือกสีจะแสดงการแสดงผลที่มีอยู่ รวมถึง hex, RGB, HSL, HSV, HWB, CMYK, LAB, LCH และ OKLab คลิกสตริงรูปแบบเพื่อคัดลอกสำหรับวางลงในงานของคุณ ตัวเลือกสีนำเสนอรูปแบบต่างๆ ร่วมกัน ทำให้เปรียบเทียบค่าได้ง่ายขึ้นโดยไม่ต้องแปลงด้วยตนเอง ชื่อสี CSS ที่ใกล้เคียงที่สุดแสดงเป็นข้อมูลอ้างอิง เป็นสีชื่อที่ใกล้เคียงที่สุด ไม่จำเป็นต้องตรงเป๊ะ
รูปแบบเหล่านี้อธิบายสีด้วยวิธีต่างกัน hex กับ RGB แทนสีด้วยค่ารหัสหรือค่าช่องสีเชิงตัวเลข ส่วน HSL กับ HSV ใช้โมเดลตามเฉดสี LAB, LCH และ OKLab เป็นวิธีอื่นในการแสดงสี การมีการแสดงผลหลายแบบช่วยให้เมื่อสไตล์ชีต งานออกแบบอ้างอิง หรือเอกสารต้องการรูปแบบเฉพาะ เครื่องมือให้คุณเลือกสีก่อนแล้วค่อยคัดลอกการแสดงผลที่เหมาะกับงาน
ตัวเลือกสีทำงานในเบราว์เซอร์ของคุณทั้งหมด ข้อมูลที่คุณป้อนจะถูกประมวลผลบนอุปกรณ์ของคุณ ไม่ถูกอัปโหลด จัดเก็บ หรือส่งไปยังเซิร์ฟเวอร์ หลังจากโหลดหน้าเสร็จแล้ว เครื่องมือทำงานได้โดยไม่ต้องเชื่อมต่อ คุณจึงใช้งานออฟไลน์ได้ เหมาะสำหรับนักพัฒนา นักออกแบบ และทุกคนที่ต้องการเลือก ตรวจสอบ หรือคัดลอกค่าสีในรูปแบบต่างๆ
ขั้นตอนที่ 1: เปิดตัวเลือกสีและเลือกสีด้วยตัวเลือกสีเนทีฟ
ขั้นตอนที่ 2: หากเบราว์เซอร์ของคุณรองรับ ให้ใช้ EyeDropper หน้าจอเพื่อเลือกสีจากหน้าจอของคุณ
ขั้นตอนที่ 3: ปรับสีจนกว่าจะถูกใจ ค่ารูปแบบต่างๆ ที่พร้อมใช้จะอัปเดตตามสีที่เลือก
ขั้นตอนที่ 4: ตรวจทาน 11 รูปแบบสีและชื่อสี CSS ที่ใกล้เคียงที่สุดที่แสดงควบคู่กัน
ขั้นตอนที่ 5: คลิกสตริงรูปแบบที่คุณต้องการเพื่อคัดลอกสำหรับวางลงในโค้ดหรือเอกสารของคุณ
กรณีการใช้งาน: เลือกสีแบบโต้ตอบแทนการเดาค่าสี แล้วคัดลอกการแสดงผลที่คุณต้องการ
กรณีการใช้งาน: ใช้ EyeDropper หน้าจอในเบราว์เซอร์ที่รองรับเพื่อดึงสีจากงานออกแบบหรือเอกสาร แล้วรับค่าที่แสดงอย่างแม่นยำ
กรณีการใช้งาน: เปรียบเทียบสีเดียวกันในหลายรูปแบบก่อนตัดสินใจว่าจะใช้การแสดงผลแบบใดในงานของคุณ
กรณีการใช้งาน: คัดลอกค่า hex หรือ RGB สำหรับสไตล์ชีต หรือเลือกรูปแบบอื่นที่พร้อมใช้เมื่อนั่นคือสิ่งที่งานของคุณต้องการ
กรณีการใช้งาน: ดูชื่อสี CSS ที่ใกล้เคียงที่สุดเมื่อคุณต้องการรู้ว่าสีที่เลือกมีชื่อที่คุ้นเคยหรือไม่
กรณีการใช้งาน: รับค่าสีในที่เดียวแทนการแปลงระหว่างรูปแบบต่างๆ ที่ตัวเลือกสีแสดงด้วยตนเอง