100 100.tools
เครื่องมือบีบอัดรูปภาพ ปรับขนาดรูปภาพ ตัวแปลงรูปภาพ Image Cropper Image to Base64 Converter SVG to PNG Converter เครื่องมือลายน้ำรูปภาพ ดูและลบข้อมูล EXIF ตัวสร้าง Favicon บีบอัดและแปลงรูปภาพในเครื่อง เครื่องมือลบสีพื้นหลัง เครื่องมือสร้างพิกเซลอาร์ต เครื่องสร้างภาพ ASCII เครื่องมือสร้างโปสเตอร์พาดหัว

Color Palette Extractor

Extract dominant colors from an image locally and copy HEX, RGB, HSL or CSS variables.

Drop an image here

Ready.

Local only JPG, PNG, WebP. Up to 25 MB.
Drop an image here Use JPG, PNG or WebP to extract dominant colors. Colors are sampled in your browser.

Palette settings

Choose how many colors to extract.

Sampling notes
  • Colors are approximate dominant colors from sampled pixels.
  • Click a swatch to copy its HEX value.
  • Download or copy CSS variables for design handoff.

Extracted palette

Extracted colors will appear here.

Extracted colors will appear here.

Ready.

เครื่องมือดึงพาเลตสีนี้คืออะไร?

เครื่องมือนี้วิเคราะห์รูปภาพในเครื่องและดึงสีเด่นโดยประมาณออกมา คุณสามารถคัดลอกค่า HEX, RGB และ HSL หรือส่งออกพาเลตเป็นตัวแปร CSS ได้

ความเป็นส่วนตัว

รูปภาพจะอยู่ในเบราว์เซอร์ของคุณ เครื่องมือนี้ไม่อัปโหลดไฟล์หรือเก็บไฟล์ไว้บนเซิร์ฟเวอร์

คุณสมบัติ

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

วิธีใช้งาน

  1. เพิ่มรูปภาพ

    เลือกหรือลากรูป JPG, PNG หรือ WebP เข้ามาในเครื่องมือ

  2. เลือกจำนวนสี

    เลือกว่าต้องการให้พาเลตมีทั้งหมดกี่สี

  3. ดึงสี

    เบราว์เซอร์จะสุ่มตัวอย่างพิกเซลและจัดกลุ่มสีที่ใกล้กัน

  4. คัดลอกค่า

    คลิกที่สวอตช์สีหรือคัดลอกตัวแปร CSS ที่สร้างขึ้น

คำถามที่พบบ่อย

รูปภาพถูกอัปโหลดหรือไม่?

ไม่ การสุ่มตัวอย่างพิกเซลเกิดขึ้นในแท็บเบราว์เซอร์ของคุณ

สีที่ได้แม่นยำหรือไม่?

เป็นสีเด่นโดยประมาณที่อิงจากพิกเซลที่สุ่มตัวอย่าง

ฉันใช้ CSS นี้ในโปรเจกต์ได้ไหม?

ได้ คัดลอกหรือดาวน์โหลดตัวแปร CSS ที่สร้างขึ้นได้เลย

ทำไมพิกเซลโปร่งใสจึงถูกละเลย?

พิกเซลโปร่งใสไม่ได้ให้สีที่มองเห็นได้ จึงถูกข้ามไป

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

IMAGE Image Cropper Crop photos with aspect ratio presets in your browser. IMAGE เครื่องมือบีบอัดรูปภาพ บีบอัดรูปภาพในเครื่อง IMAGE ปรับขนาดรูปภาพ ปรับขนาดรูปภาพแบบโลคัลด้วยขนาด เปอร์เซ็นต์ หรือพรีเซ็ต IMAGE ตัวแปลงรูปภาพ แปลงรูปแบบภาพในเครื่องโดยไม่อัปโหลดไฟล์ IMAGE Image to Base64 Converter Convert images to Data URI, CSS url() or raw Base64. SVG SVG to PNG Converter Export SVG files or code to PNG locally. IMAGE เครื่องมือลายน้ำรูปภาพ เพิ่มข้อความหรือลายน้ำโลโก้ให้กับรูปภาพในเบราว์เซอร์ของคุณ IMAGE ดูและลบข้อมูล EXIF ดูและลบข้อมูลเมตารูปภาพในเครื่อง