พร้อมป้อนหรือเลือกอินพุตเพื่อเริ่มต้น
มีอยู่ในเบราว์เซอร์ของคุณสำหรับเครื่องมือนี้ อินพุตที่เลือกจะถูกจัดการในเบราว์เซอร์ของคุณ ไม่ได้ตั้งใจอัปโหลดไปที่ Get Tools Lab สำหรับการดำเนินการหลัก
สี utility

สี Picker

Choose a color to see common web color representations. Nothing is uploaded.

HEX

RGB

HSL

วิธีการทำงาน

วิธีใช้ สี Picker

  1. 1เลือกภาพ
  2. 2ปรับขนาด คุณภาพ หรือตัวเลือกการแก้ไข
  3. 3อธิบายหรือประมวลผลในเบราว์เซอร์ของคุณ
  4. 4ดาวน์โหลดภาพที่เสร็จแล้ว

About สี Picker

ใช้เครื่องมือนี้ได้โดยตรงในเบราว์เซอร์ พร้อมตัวเลือกที่ชัดเจนและการประมวลผลแบบเป็นส่วนตัวเมื่อรองรับ Use it when you need the result without the overhead of opening a larger application. For anything important, compare the output with your source and keep the original until you are satisfied with the result.

Editorial note

Treat the picked value as a starting point for accessibility checks

A color picker gives you a precise color value from a chosen pixel or control. That value can be copied into CSS or design software, but visual accessibility depends on the relationship between foreground and background—not the color alone.

Screens, color profiles and antialiasing can slightly change what a sampled pixel represents. For brand-critical work, use the official brand specification when one exists.

A realistic example

Pick a button color, then test the button text and background together with a contrast checker before publishing.

When this tool is not the right fit

Do not infer an official brand color solely from a compressed screenshot if a source palette is available.

ตอบด่วน

เครื่องมือนี้ทำหน้าที่อะไร

ตัวเลือกสีช่วยตรวจสอบและแปลงค่าสีที่ใช้ในการออกแบบดิจิทัล เช่น HEX และ RGB

กรณีการใช้งานทั่วไป

  • จับคู่สีอินเทอร์เฟซ
  • ค่า HEX
  • เปรียบเทียบรูปแบบสี
  • เตรียมสี CSS

ข้อจำกัด

  • สีที่แสดงอาจแตกต่างกันไปตามหน้าจอและโปรไฟล์สี
ความเป็นส่วนตัวและการประมวลผล

มีอยู่ในเบราว์เซอร์ของคุณ

สำหรับเครื่องมือนี้ อินพุตที่เลือกจะถูกจัดการในเบราว์เซอร์ของคุณ ไม่ได้ตั้งใจอัปโหลดไปที่ Get Tools Lab สำหรับการดำเนินการหลัก

วิจารณ์โดยGet Tools Lab กองบรรณาธิการและวิศวกรอัปเดตล่าสุด
ตัวอย่างและกรณีทดสอบ

ตัวอย่างผลลัพธ์

#ffffff

RGB 255, 255, 255

การแก้ปัญหา

หากผลลัพธ์ดูไม่ถูกต้อง

  • ใช้ขั้นตอนการทำงานที่ปรับเทียบแล้วเมื่อต้องการความแม่นยำของสีที่มีความสำคัญต่อการพิมพ์
บันทึกการยืนยัน

Last tested: 2026-09-03

V50 deterministic render, static JS/control audit and responsive layout checks

  • ✓ PHP page renders without a fatal/parse error
  • ✓ Primary controls and labels are present
  • ✓ Invalid or missing input has a recoverable error path
  • ✓ Responsive layout checked at 390px and 1365px in V50 local QA
  • ✓ Keyboard focus and status region are available

อ่านวิธีการทดสอบ

ความน่าเชื่อถือ วิธีการ และการแก้ไข

Get Tools Lab บันทึกวิธีการออกแบบ ตรวจสอบ และแก้ไขเครื่องมือ เราไม่เรียกร้องการรับรองจากภายนอกเว้นแต่จะมีการจัดทำเป็นเอกสารไว้อย่างชัดเจน

Questions people ask

Answers about สี Picker

What does สี Picker do?

ใช้เครื่องมือนี้ได้โดยตรงในเบราว์เซอร์ พร้อมตัวเลือกที่ชัดเจนและการประมวลผลแบบเป็นส่วนตัวเมื่อรองรับ

Will สี Picker change the original file?

The tool creates a new output for you to review. Keep the original until you have checked the result, especially when layout, image quality, metadata, or page order matters.

What is a common reason to use สี Picker?

A common use is to finish the color picker task quickly without opening a larger desktop application.

What should I watch out for when using สี Picker?

Check the input format and review the output before replacing an original file or using the result in an important workflow.

How do I get a better result with สี Picker?

เริ่ม with a clean input, use the simplest settings that meet your goal, and compare the result with the original before you download or reuse it.

เรียนรู้เพิ่มเติม

คู่มือที่เกี่ยวข้อง

ดูคู่มือทั้งหมด →
ส่วนตัวบนอุปกรณ์นี้

ดาวน์โหลดล่าสุด

ดาวน์โหลดจาก Get Tools Lab จะปรากฏที่นี่