เลือกสี
เลือกสีและคัดลอกค่า HEX, RGB, HSL
#2563EBกด Ctrl+D เพื่อบุ๊กมาร์กหน้านี้
เลือกสีออนไลน์ฟรี พร้อมคัดลอกโค้ด HEX RGB และ HSL ได้ทันที เหมาะกับงานออกแบบเว็บ กราฟิก และงานนำเสนอ ใช้ได้ในเบราว์เซอร์
เลือกสีและคัดลอกค่า HEX, RGB, HSL
#2563EBกด Ctrl+D เพื่อบุ๊กมาร์กหน้านี้
เลือกสีออนไลน์ฟรี พร้อมคัดลอกโค้ด HEX RGB และ HSL ได้ทันที เหมาะกับงานออกแบบเว็บ กราฟิก และงานนำเสนอ ใช้ได้ในเบราว์เซอร์
ได้ คุณสามารถพิมพ์รหัส HEX โดยตรงเพื่อเลือกสีที่ต้องการได้อย่างแม่นยำ
ทั้งสามแบบคือการเขียนสีเดียวกันด้วยรูปแบบต่างกัน HEX อย่าง #FF5733 สั้นและคัดลอกไปมาระหว่างไฟล์ออกแบบกับ CSS ได้สะดวก ส่วน RGB แสดงค่าช่องแดง เขียว น้ำเงินโดยตรง จึงเหมาะกับการคำนวณสีในโค้ด และ HSL แยกเป็นเฉดสี ความอิ่มตัว และความสว่าง จึงเข้าใจง่ายที่สุดเวลาต้องการสีเดิมที่เข้มขึ้นหรือจางลง
หน้าจอสร้างสีด้วยการรวมแสง (RGB) ส่วนงานพิมพ์ลดแสงด้วยการซ้อนหมึก (CMYK) ขอบเขตสีจึงต่างกัน โดยเฉพาะเขียว ส้ม และฟ้าที่ใกล้สีสะท้อนแสงนั้นไม่มีหมึกใดเทียบได้ พิมพ์ออกมาจึงหม่นลงอย่างเห็นได้ชัด หากงานจะนำไปพิมพ์ ควรเลี่ยงสีที่อิ่มตัวจัด และส่งค่า CMYK หรือรหัส Pantone ให้โรงพิมพ์แทนค่า HEX
บนเบราว์เซอร์เดสก์ท็อปตระกูล Chromium อย่าง Chrome และ Edge ฟีเจอร์ EyeDropper ในตัวช่วยดูดสีจากหน้าต่างใดก็ได้ ไม่จำกัดแค่หน้าเว็บ ส่วน Safari, Firefox และเบราว์เซอร์บนมือถือยังไม่รองรับ ปุ่มหลอดดูดสีจึงไม่ปรากฏ ในกรณีนั้นให้จับภาพหน้าจอ อัปโหลดเป็นรูป แล้วดึงสีจากภาพแทน ผลลัพธ์เหมือนกัน