ข้ามไปที่เนื้อหา
โลโก้ CrateX.app

CrateX.app

ตัวเลือกสีภาพและพาเลท

เลือกสีจากรูปภาพเดียวในเบราว์เซอร์ คัดลอกค่า HEX/RGB/CSS แยกชุดสีตัวแทน 2-32 สี และส่งออกตัวแปร CSS หรือ JSON พร้อมรองรับ HEIC/HEIF

ลากและวางภาพที่นี่หรือคลิกเพื่อเลือก

รองรับ PNG / JPEG / WebP / AVIF / HEIC / HEIF

จำนวนไฟล์

0 / 1

ขนาดรวม

0 bytes / 25 MB

ขีดจำกัดต่อไฟล์

25 MB
ตัวเลือกสีภาพและพาเลท

เริ่มต้นอย่างรวดเร็ว

1
นำเข้าภาพหนึ่งภาพ
2
คลิกพรีวิวและคัดลอก HEX/RGB/CSS
3
เลือกขนาดพาเลท (4/6/8/12/16/24/32)
4
แยกสีตัวแทน
5
ส่งออกตัวแปร CSS หรือ JSON

สถานการณ์การใช้งานทั่วไป

การเลือกสีการออกแบบ/โปสเตอร์

แยกสีหลักและสีเน้นสำหรับชุดสี

ธีม/ระบบการออกแบบ

ส่งออกตัวแปร CSS หรือ JSON สำหรับโปรเจกต์

การจัดแต่งคอมโพเนนต์

แยกสีที่เข้ากันสำหรับปุ่ม แท็ก แผนภูมิ

ความสอดคล้องของแบรนด์

แยกพาเลทสีมาตรฐานจากสินทรัพย์แบรนด์

ตัวเลือกตัวเลือกสีและพาเลท

จำนวนสี: 2-32 โดยทั่วไป 8/12; ภาพถ่าย/การไล่ระดับสีแนะนำ 16-32
ปุ่มพรีเซ็ต: 4/6/8/12/16/24/32 สลับคลิกเดียว
การเรียงลำดับ: ตามตัวอย่างเชิงปริมาณจะนับจากสูงไปต่ำ สีที่พบบ่อยที่สุดก่อน
ตัวเลขถัดจากสี: แสดงจำนวนตัวอย่างเชิงปริมาณจากรูปภาพชุดสีตัวอย่างที่ลดขนาดลง
สัญญาส่งออก: ตัวแปร CSS ใช้:root --color-1 ชื่อ; JSON แสดงรายการดัชนี/hex/css/rgb/count สำหรับแต่ละสีจานสี

คำแนะนำการใช้งาน

เริ่มด้วย 8/12 เพื่อดูผลรวม จากนั้นเพิ่มเป็น 16/24/32 ตามต้องการ
เมื่อใช้ในโปรเจกต์ เปลี่ยนชื่อ --color-1 เป็นชื่อที่มีความหมาย (เช่น --color-primary)
รักษาหน้าไว้ด้านหน้าเมื่อแยกภาพขนาดใหญ่เพื่อหลีกเลี่ยงการจำกัดของเบราว์เซอร์

ข้อจำกัดและความเข้ากันได้

การดึงข้อมูลพาเล็ตจะสุ่มตัวอย่างอัตโนมัติเพื่อประสิทธิภาพ ผลลัพธ์คือสีที่เป็นตัวแทน
ความแม่นยำ: การสุ่มตัวอย่างคลิกใช้ผืนผ้าใบที่แสดงขนาดสูงสุด 2,048 พิกเซลในด้านที่ยาวที่สุด การแยกจานสีใช้ตัวอย่างขนาด 256 พิกเซล
HEIC/HEIF เป็นอินพุตเท่านั้น การถอดรหัสในเครื่องอาจล้มเหลว ดังนั้นให้แปลงเป็น PNG/JPEG หากจำเป็น
การจัดการอัลฟ่า: CSS สามารถส่งออก rgba (...);HEX/RGB ไม่รวมอัลฟ่า; JSON เก็บ alpha ผ่านค่า css
ขอบเขตอินพุต: ไม่มีการนำเข้า URL, การนำเข้าแบบวาง, เครื่องมือหยดหน้าจอ หรือเวิร์กโฟลว์ส่วนขยายเบราว์เซอร์
ขอบเขตสี: ไม่มีการแปลง HSL/CMYK/Pantone/LAB/OKLCH ตัวตรวจสอบคอนทราสต์ หรือเมทริกซ์ WCAG
ขอบเขตการส่งออก: ไม่มีการส่งออก swatch Tailwind/SCSS/ASE/Figma/Procreate

ความเป็นส่วนตัวและความปลอดภัย

การเลือกสีจากรูปภาพและการดึงพาเลตทำงานในเบราว์เซอร์ รูปภาพต้นฉบับจะอยู่ในหน่วยความจำของหน้าระหว่างที่เครื่องมือนี้เปิดอยู่ การตั้งค่าขนาดพาเลตอาจอยู่ในที่เก็บข้อมูลของเบราว์เซอร์ และถ้าเปิดการซิงค์ WebDAV การตั้งค่านี้อาจซิงค์ตามการตั้งค่าของคุณ สีที่เลือก พาเลต ข้อความผิดพลาด และข้อมูลซูม / เลื่อนตัวอย่างเป็นสถานะตรวจทานระหว่างทำงาน และอาจซิงค์ผ่าน WebDAV state schema ขณะยังมีอยู่ ไฟล์รูปภาพจะไม่ซิงค์ตามค่าเริ่มต้น และจะเข้าสู่การซิงค์ไฟล์แนบ WebDAV เฉพาะเมื่อคุณเปิดการซิงค์ไฟล์แนบอย่างชัดเจน การส่งออกพาเลต CSS/JSON ถูกสร้างตอนดาวน์โหลด และไม่ถูกเก็บเป็นผลลัพธ์แยก บนอุปกรณ์ที่ใช้ร่วมกัน ให้ล้างรูปภาพ สีที่เลือก พาเลต การตั้งค่าที่บันทึกไว้ และข้อมูลไซต์ตามต้องการ

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

5

ขั้นตอนถัดไปสามารถทำต่อด้วยเครื่องมือที่เกี่ยวข้องเหล่านี้

เกี่ยวกับเรา

เกี่ยวกับเรา
ราคา

ข้อมูลทางกฎหมาย

เงื่อนไขการใช้บริการ
นโยบายความเป็นส่วนตัว
นโยบายคุกกี้

การตั้งค่าของคุณ

จัดการคุกกี้

การประมวลผลของเครื่องมือทั้งหมดเกิดขึ้นภายในเบราว์เซอร์ของคุณแบบในเครื่อง