03
คอนทราสต์
WCAG AA & AAA
จับคู่สีสองสีใดก็ได้ รับอัตราส่วน ผ่าน/ล้มเหลวสำหรับข้อความร่างและข้อความขนาดใหญ่
HTMLColorCodes.com runs banner ads against your visit and ranks for "color picker" with a static page. Coolors gates the meaningful exports behind a $3-$5/month plan. Adobe Color needs a Creative Cloud account. The other dozen tools have you upload an image to extract a palette — for a problem the browser already solved with the eyedropper API. Morph picks colors visually, converts between HEX, RGB, HSL, CMYK, generates palettes (complementary, analogous, triadic, split, monochromatic), and runs WCAG contrast checks — all in your tab, no ads, no upload, no account. Free for everything that runs on your device; AI is paid in credits.
พิมพ์ #FF5200 และดู RGB(255, 82, 0), HSL(19, 100%, 50%), CMYK(0, 68, 100, 0) และสี CSS ที่ใกล้เคียงที่สุด คัดลอกทุกรูปแบบด้วยคลิกเดียว แก้ไขฟิลด์ใดก็ได้ ฟิลด์อื่นจะยังคงซิงค์กัน
สีเสริม, สีคล้าย, สีสามสี, สีแยกเสริม, สีโทนเดียว, สีสี่สี คัดเลือกสีพื้นฐาน แล้วได้เฉดสีใช้งานได้ใน 5 สี
จับคู่สีสองสีใดก็ได้ รับอัตราส่วน ผ่าน/ล้มเหลวสำหรับข้อความร่างและข้อความขนาดใหญ่
API EyeDropper ใน Chrome / Edge ตัวอย่างพิกเซลใดๆ บนหน้าจอ
มีรูปแบบสามแบบที่ครองตลาดเครื่องมือเลือกสี แรก: ไซต์ที่มีโฆษณาล้อมรอบที่จัดอันดับสูงสุดโดยการเป็นเว็บไซต์เก่า หนาแน่นไปด้วยโฆษณาบันเนอร์ และมีปฏิสัมพันธ์น้อย ตัวอย่างที่เป็นมาตรฐานคือ HTMLColorCodes ที่สอง: SaaS ที่ได้รับการลงทุนจาก VC เช่น Coolors ที่ปิดกั้นการส่งออก ตัวสร้างเกรเดียนต์ และการบันทึกพาเลทไว้เบื้องหลังการสมัครสมาชิกรายเดือน $3-$5 ที่คุณไม่จำเป็นต้องใช้สำหรับฟังก์ชันที่เบราว์เซอร์ส่งมาพร้อมกันอยู่แล้ว ที่สาม: Adobe Color ระดับองค์กรที่ต้องการบัญชี Creative Cloud เพื่อสิ่งที่ควรเป็นโค้ด 100 บรรทัด Morph เป็นเวอร์ชันท้องถิ่น-first ไม่ต้องมีบัญชี และรวมทุกรูปแบบไว้ บราว์เซอร์มี API EyeDropper และการป้อนข้อมูลสีอยู่แล้ว Morph ห่อมันไว้ในอินเทอร์เฟซที่ใช้งานได้ และเพิ่มคณิตศาสตร์ (CMYK, HSL, ความคมชัด, ทฤษฎีพาเลท) ที่นักออกแบบทุกคนต้องการ
Coolors และ Adobe Color มีไลบรารีพาเลทชุมชน — จำนวนพาเลทที่ผู้ใช้บันทึกไว้หลายล้านชุดที่คุณสามารถค้นหาและปรับใช้ใหม่ หากกระบวนการทำงานของคุณเน้นไปที่แรงบันดาลใจที่จัดทำโดยชุมชน Morph ตัวเลือกสีที่ไม่พึ่งพาชุมชนไม่ใช่พื้นผิวที่เหมาะสม Morph เป็นคณิตศาสตร์ + การแปลง + เครื่องสร้างพาเลท + การตรวจสอบความตัดกัน — ส่วนที่กำหนดและสามารถทำซ้ำได้ ส่วนที่ "ค้นหาพาเลทผู้ใช้ล้านชุด" เป็นผลิตภัณฑ์ที่ต่างกัน และ Coolors มีผลิตภัณฑ์ที่แข็งแกร่ง
ใช่ ป้อนรหัสสี HEX ใดๆ และ Morph จะแสดงค่า RGB, HSL และ CMYK ทันที ทำงานได้ทุกทิศทาง — พิมพ์ในช่องใดช่องหนึ่งและช่องอื่นๆ จะปรับตามกันทันที
ใช่ Morph คำนวณค่าความคมชัดของสีระหว่างสีใดๆ สองสี และบอกคุณว่าการผสมสีนั้นสอดคล้องกับมาตรฐานความเข้าถึง WCAG สำหรับข้อความปกติและข้อความขนาดใหญ่ตามเกณฑ์ AA หรือ AAA หรือไม่
ใช่ เลือกสีพื้นฐาน Morph จะสร้างโทนสีที่เข้ากัน โทนสีที่อยู่ติดกัน โทนสีสามสี โทนสีแยก โทนสีเดียว และโทนสีสี่สีตามทฤษฎีสี
ใช่บน Chrome และ Edge — Morph เรียกใช้ API EyeDropper ของเบราว์เซอร์ คลิกปุ่มตาชั่ง ชี้ไปที่ใดก็ได้บนหน้าจอ คลิกเพื่อเลือกสี Safari และ Firefox ยังไม่เปิดใช้งาน API นี้; ในเบราว์เซอร์เหล่านั้น Morph จะใช้การเลือกจากพื้นที่ในตัวเลือกแทน
สีที่บันทึกไว้จะอยู่ใน localStorage บนอุปกรณ์ของคุณ ไม่มีการซิงค์กับเซิร์ฟเวอร์ Morph ใดๆ ลบข้อมูลในเบราว์เซอร์ พวกมันจะหายไป — และ Morph ไม่มีสำเนา