ข้ามไปยังเนื้อหา
patrache.tools

เลือกสี

เลือกสีและคัดลอกค่า HEX, RGB, HSL

HEX#2563EB
RGB
HSL
OKLCH
R
G
B
จานสี
lockไฟล์จะไม่ถูกส่งไปยังเซิร์ฟเวอร์
แชร์
ฝัง

ฝังเครื่องมือนี้ในเว็บไซต์ของคุณ

เลือกสีออนไลน์ฟรี พร้อมคัดลอกโค้ด HEX RGB และ HSL ได้ทันที เหมาะกับงานออกแบบเว็บ กราฟิก และงานนำเสนอ ใช้ได้ในเบราว์เซอร์

วิธีใช้งานเลือกสี?

  1. เลือกสีที่ต้องการจากตัวเลือกสี
  2. คัดลอกค่า HEX, RGB หรือ HSL
  3. เพิ่มสีลงในพาเลตเพื่อใช้อ้างอิง

คำถามที่พบบ่อยเกี่ยวกับเลือกสี

สามารถป้อนรหัสสีโดยตรงได้ไหม?

ได้ คุณสามารถพิมพ์รหัส HEX โดยตรงเพื่อเลือกสีที่ต้องการได้อย่างแม่นยำ

HEX, RGB และ HSL ต่างกันอย่างไร และควรใช้แบบไหนเมื่อไร?

ทั้งสามแบบคือการเขียนสีเดียวกันด้วยรูปแบบต่างกัน HEX อย่าง #FF5733 สั้นและคัดลอกไปมาระหว่างไฟล์ออกแบบกับ CSS ได้สะดวก ส่วน RGB แสดงค่าช่องแดง เขียว น้ำเงินโดยตรง จึงเหมาะกับการคำนวณสีในโค้ด และ HSL แยกเป็นเฉดสี ความอิ่มตัว และความสว่าง จึงเข้าใจง่ายที่สุดเวลาต้องการสีเดิมที่เข้มขึ้นหรือจางลง

ทำไมสีที่เลือกบนหน้าจอพิมพ์ออกมาแล้วดูไม่เหมือนกัน?

หน้าจอสร้างสีด้วยการรวมแสง (RGB) ส่วนงานพิมพ์ลดแสงด้วยการซ้อนหมึก (CMYK) ขอบเขตสีจึงต่างกัน โดยเฉพาะเขียว ส้ม และฟ้าที่ใกล้สีสะท้อนแสงนั้นไม่มีหมึกใดเทียบได้ พิมพ์ออกมาจึงหม่นลงอย่างเห็นได้ชัด หากงานจะนำไปพิมพ์ ควรเลี่ยงสีที่อิ่มตัวจัด และส่งค่า CMYK หรือรหัส Pantone ให้โรงพิมพ์แทนค่า HEX

ใช้หลอดดูดสีจากจุดใดก็ได้บนหน้าจอได้ไหม?

บนเบราว์เซอร์เดสก์ท็อปตระกูล Chromium อย่าง Chrome และ Edge ฟีเจอร์ EyeDropper ในตัวช่วยดูดสีจากหน้าต่างใดก็ได้ ไม่จำกัดแค่หน้าเว็บ ส่วน Safari, Firefox และเบราว์เซอร์บนมือถือยังไม่รองรับ ปุ่มหลอดดูดสีจึงไม่ปรากฏ ในกรณีนั้นให้จับภาพหน้าจอ อัปโหลดเป็นรูป แล้วดึงสีจากภาพแทน ผลลัพธ์เหมือนกัน

วิธีใช้เลือกสีให้เกิดประโยชน์สูงสุด?

  • ป้อนรหัส HEX โดยตรงเพื่อค้นหาสีที่ตรงตามแนวทางแบรนด์ได้อย่างรวดเร็ว
  • โหมด HSL ช่วยให้ค้นหาสีคล้ายกันหรือสีเสริมได้ง่ายโดยปรับค่า Hue
  • บันทึกสีลงในพาเลตเพื่อรักษาความสม่ำเสมอตลอดทั้งโปรเจกต์

Powered by Patrache Studio Tools

โปรดอนุญาตโฆษณาบนเว็บไซต์นี้

หากต้องการใช้เครื่องมือเหล่านี้ โปรดอนุญาตโฆษณาบนเว็บไซต์นี้ รายได้จากโฆษณาช่วยให้บริการนี้ยังคงใช้งานได้ฟรี

เปิดตัวบล็อกโฆษณา ปิดการบล็อกสำหรับเว็บไซต์นี้ แล้วตรวจสอบอีกครั้ง