ตัวเลือกสี
เลือกสี ปรับให้พอดี แล้วคัดลอกรหัสในรูปแบบที่คุณต้องการ
ปิดผนึกไว้บนอุปกรณ์นี้
ทำงานในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลดใด ๆ
ปิดผนึก
เลือกสี
รหัสสี
เฉดอ่อนและเข้ม
เฉดอ่อนอยู่ด้านหนึ่ง เฉดเข้มอยู่อีกด้าน เลือกเพื่อใช้สีนั้น
วิธีใช้งาน
-
เลือกสี
ลากในพื้นที่สีและแถบเฉดสี พิมพ์รหัสที่มีอยู่แล้ว หรือดูดสีจากหน้าจอ
-
ปรับให้พอดี
ปรับความทึบ หรือดูเฉดอ่อนและเข้มของสีเพื่อหาสีที่สว่างหรือเข้มกว่า
-
คัดลอกรหัส
คัดลอกค่า HEX, RGB, HSL, OKLCH หรือ CMYK แล้ววางลงในงานออกแบบ โค้ด หรือเอกสาร
คำถามที่พบบ่อย
ดูดสีจากหน้าจออย่างไร
เลือก “ดูดสีจากหน้าจอ” แล้วคลิกที่ใดก็ได้บนหน้าจอเพื่อเก็บสีนั้น หลอดหยดสีนี้ใช้ได้ใน Chrome, Edge และเบราว์เซอร์อื่นที่ใช้ Chromium บนคอมพิวเตอร์ ในเบราว์เซอร์อื่น ช่องสีจะเปิดตัวเลือกสีของระบบ ซึ่งมักมีหลอดหยดสีของตัวเอง
ควรใช้รูปแบบสีแบบไหน
HEX พบบ่อยที่สุดในงานออกแบบเว็บและใช้ได้ทุกที่ RGB และ HSL สะดวกใน CSS เมื่ออยากปรับค่าเอง OKLCH เป็นรูปแบบ CSS สมัยใหม่ที่ความสว่างคงที่ในทุกเฉดสี ส่วน CMYK เป็นจุดเริ่มต้นสำหรับงานพิมพ์
เฉดอ่อนกับเฉดเข้มต่างกันอย่างไร
เฉดอ่อนคือสีของคุณผสมกับสีขาวจึงสว่างขึ้น เฉดเข้มคือสีของคุณผสมกับสีดำจึงเข้มขึ้น ตัวเลือกสีผสมในปริภูมิสีตามการรับรู้ เพื่อให้แต่ละขั้นดูห่างเท่า ๆ กัน
ใช้ตัวเลือกสีด้วยแป้นพิมพ์ได้หรือไม่
ได้ โฟกัสที่พื้นที่สีแล้วใช้ปุ่มลูกศรเปลี่ยนความอิ่มตัวและความสว่าง กด Shift ค้างไว้เพื่อปรับทีละมาก ๆ แถบเฉดสีและความทึบก็ใช้ปุ่มลูกศรได้เช่นกัน
แชร์สีได้หรือไม่
ได้ ที่อยู่ของหน้าจะอัปเดตตามสีที่คุณเลือก คุณจึงบุ๊กมาร์กไว้หรือส่งลิงก์ให้คนอื่นได้