03
คอนทราสต์
WCAG AA & AAA
จับคู่สีสองสีใดก็ได้ รับอัตราส่วน ผ่าน/ล้มเหลวสำหรับข้อความร่างและข้อความขนาดใหญ่
สิ่งที่มันทำจริงๆ
02
PALETTE
ทฤษฎีสี สร้างขึ้นโดยอัตโนมัติ
สีเสริม, สีคล้าย, สีสามสี, สีแยกเสริม, สีโทนเดียว, สีสี่สี คัดเลือกสีพื้นฐาน แล้วได้เฉดสีใช้งานได้ใน 5 สี
04
ตัวเลือกสี
เลือกจากหน้าจอมอนิเตอร์
API EyeDropper ใน Chrome / Edge ตัวอย่างพิกเซลใดๆ บนหน้าจอ
วิธีการทำงาน
- เปิด morph.cool/color ในเบราว์เซอร์สมัยใหม่ใดก็ได้ ไม่ต้องล็อกอิน ไม่ต้องติดตั้ง ไม่ต้องใช้บัตรเครดิต.
- เลือกสีได้ด้วยสายตา — ลากตัวเลือกสี ป้อนค่า HEX หรือวางสตริง RGB หรือใช้ปุ่ม EyeDropper (Chrome/Edge).
- ดูการแปลงค่าสีแบบทันทีระหว่าง HEX, RGB, HSL และ CMYK แก้ไขค่าใดก็ได้ ค่าอื่นๆ จะยังคงซิงค์อยู่
- สร้างโทนสี — คู่ตรงข้าม, ใกล้เคียง, สามสี, แบ่งครึ่ง, โทนเดียว, สี่สี แต่ละโทนสีสามารถคัดลอกได้เพียงคลิกเดียว
- ทดสอบความตัดกันของสี จับคู่สีสองสีใดๆ กับเป้าหมาย WCAG AA / AAA สำหรับข้อความปกติและขนาดใหญ่
4 รูปแบบHEX · RGB · HSL · CMYK
6 สีสันเครื่องสร้างพาเลท
0ต้องมีบัญชี
ทำไมเครื่องมือสีส่วนใหญ่รู้สึกเหมือนทางเดินที่ซับซ้อน
มีรูปแบบสามแบบที่ครอบคลุมตลาดตัวเลือกสี แรก: เว็บไซต์ที่มีโฆษณาเต็มไปหมดที่จัดอันดับสูงกว่าทุกอย่างเพราะเก่า หนาแน่นไปด้วยโฆษณา และแทบไม่โต้ตอบได้ ที่สาม: ชุดเครื่องมือระดับองค์กรที่ต้องการบัญชีคลาวด์สำหรับสิ่งที่ควรเป็นโค้ด 100 บรรทัด Morph เป็นเวอร์ชันที่ใช้ท้องถิ่นก่อน ไม่ต้องมีบัญชี และรวมทุกรูปแบบไว้ บราว์เซอร์มี API EyeDropper และ input สีอยู่แล้ว Morph ห่อหุ้มมันด้วยอินเทอร์เฟซที่ใช้งานได้ และเพิ่มคณิตศาสตร์ (CMYK, HSL, ความคมชัด, ทฤษฎีพาเลท) ที่นักออกแบบทุกคนต้องการ
ที่ที่ SaaS ออกแบบยังชนะอยู่
เว็บไซต์ที่เก็บสีมีชุดค่าสีที่ผู้ใช้บันทึกไว้หลายล้านชุดที่คุณสามารถค้นหาและปรับใช้ใหม่ หากงานของคุณพึ่งพาการสร้างสรรค์จากชุดค่าสีที่คัดสรรโดยชุมชน Morph ตัวเลือกตัวเลือกสีที่แยกต่างหากไม่ใช่พื้นผิวที่เหมาะสม Morph เป็นคณิตศาสตร์ + การแปลง + เครื่องมือสร้างชุดสี + การตรวจสอบความตัดกัน — ส่วนที่กำหนดและสามารถทำซ้ำได้ ส่วนที่ "ค้นหาชุดค่าสี 1 ล้านชุด" เป็นผลิตภัณฑ์อื่น
คำถามที่พบบ่อย
ฉันสามารถแปลงระหว่าง HEX และ RGB ได้หรือไม่?
ใช่ ป้อนรหัสสี HEX ใดๆ และ Morph จะแสดงค่า RGB, HSL และ CMYK ทันที ทำงานได้ทุกทิศทาง — พิมพ์ในช่องใดช่องหนึ่งและช่องอื่นๆ จะปรับตามกันทันที
Does Morph check color contrast for accessibility?
ใช่ Morph คำนวณค่าความคมชัดของสีระหว่างสีใดๆ สองสี และบอกคุณว่าการผสมสีนั้นสอดคล้องกับมาตรฐานความเข้าถึง WCAG สำหรับข้อความปกติและข้อความขนาดใหญ่ตามเกณฑ์ AA หรือ AAA หรือไม่
ฉันสามารถสร้างชุดสีจากสีเดียวได้หรือไม่
ใช่ เลือกสีพื้นฐาน Morph จะสร้างโทนสีที่เข้ากัน โทนสีที่อยู่ติดกัน โทนสีสามสี โทนสีแยก โทนสีเดียว และโทนสีสี่สีตามทฤษฎีสี
เครื่องเลือกสีจริงๆ สามารถเลือกจากทุกที่บนหน้าจอได้หรือไม่
ใช่บน Chrome และ Edge — Morph เรียกใช้ API EyeDropper ของเบราว์เซอร์ คลิกปุ่มตาชั่ง ชี้ไปที่ใดก็ได้บนหน้าจอ คลิกเพื่อเลือกสี Safari และ Firefox ยังไม่เปิดใช้งาน API นี้; ในเบราว์เซอร์เหล่านั้น Morph จะใช้การเลือกจากพื้นที่ในตัวเลือกแทน
สีของฉันถูกเก็บไว้ที่ไหนหรือไม่?
สีที่บันทึกไว้จะอยู่ใน localStorage บนอุปกรณ์ของคุณ ไม่มีการซิงค์กับเซิร์ฟเวอร์ Morph ใดๆ ลบข้อมูลในเบราว์เซอร์ พวกมันจะหายไป — และ Morph ไม่มีสำเนา
Nothing leaves your device · Free for what you make, credits for what we run