Chọn màu · HEX · RGB · HSL · CMYK

Máy chọn màu miễn phí trực tuyến Toàn bộ phổ màu, trong tab của bạn.

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.

Mở bộ chọn màu Xem gói $4.99
cuộn ↓

Điều nó thực sự làm

01
CHUYỂN ĐỔI

Tất cả định dạng màu, tập trung tại một nơi — HEX, RGB, HSL, CMYK, tên màu.

Nhập #FF5200 và xem RGB(255, 82, 0), HSL(19, 100%, 50%), CMYK(0, 68, 100, 0), và màu CSS tên gần nhất. Sao chép bất kỳ định dạng nào chỉ với một lần nhấp. Chỉnh sửa bất kỳ trường nào, các trường còn lại vẫn đồng bộ.

02
BẢNG MÀU

Lý thuyết màu, được tạo ra

Phối hợp, tương đồng, tam giác, chia đôi tương đồng, đơn sắc, tứ diện. Chọn một màu cơ sở, nhận bộ màu sử dụng được trong năm sắc độ.

03
ĐỘ TƯƠNG PHẢN

WCAG AA & AAA

Kết hợp hai màu bất kỳ. Nhận tỷ lệ. Đạt / không đạt cho văn bản cơ bản và văn bản lớn.

04
CÔNG CỤ LẤY MÀU

Chọn từ màn hình

API EyeDropper trên Chrome / Edge. Lấy mẫu bất kỳ pixel nào trên màn hình.

Cách thức hoạt động

  1. Mở morph.cool/color trong bất kỳ trình duyệt hiện đại nào. Không cần đăng nhập, không cần cài đặt, không cần thẻ tín dụng.
  2. Chọn màu trực quan — kéo công cụ chọn màu, nhập mã HEX, dán chuỗi RGB, hoặc lấy mẫu bằng nút EyeDropper (Chrome/Edge).
  3. Xem chuyển đổi tức thì giữa HEX, RGB, HSL và CMYK. Chỉnh sửa bất kỳ trường nào; các trường khác vẫn đồng bộ.
  4. Tạo bảng màu — tương phản, đồng bộ, tam giác, chia đôi, đơn sắc, tứ diện. Mỗi bảng màu chỉ cần một lần nhấp để sao chép.
  5. Kiểm tra độ tương phản. Kết hợp bất kỳ hai màu nào với mục tiêu WCAG AA/AAA cho văn bản bình thường và lớn.
4 định dạngHEX · RGB · HSL · CMYK
6 schemeMáy tạo bảng màu
0Yêu cầu tài khoản

Tại sao hầu hết công cụ màu cảm giác như một mê cung

Ba mẫu thống trị thị trường công cụ chọn màu. Thứ nhất: trang web bao quanh quảng cáo, xếp hạng cao nhất nhờ độ cũ, dày đặc quảng cáo banner và tương tác kém — HTMLColorCodes là ví dụ tiêu biểu. Thứ hai: SaaS được đầu tư vốn mạo hiểm như Coolors chặn xuất file, tạo gradient và lưu palette đằng sau gói đăng ký $3-$5/tháng mà bạn không cần cho một chức năng trình duyệt đã tích hợp sẵn. Thứ ba: Adobe Color cấp doanh nghiệp đòi hỏi tài khoản Creative Cloud để làm điều nên chỉ cần vài trăm dòng code. Morph là phiên bản đầu tiên cục bộ, không cần tài khoản, bao gồm mọi định dạng. Trình duyệt đã có API EyeDropper và input màu; Morph bao quanh chúng trong giao diện dễ sử dụng và thêm toán học (CMYK, HSL, độ tương phản, lý thuyết palette) mà mọi nhà thiết kế cần.

Giá cả

Chọn màu · mỗi người, mỗi tháng
$4.99 $3–$5/tháng Coolors / Adobe Color CC
Chọn + bảng màu + độ tương phản + 180+ công cụ khác · $4.99/tháng được giữ nguyên cho 10.000 người đầu tiên

Nơi SaaS thiết kế vẫn thắng

Coolors và Adobe Color có thư viện bảng màu cộng đồng — hàng triệu bảng màu được người dùng lưu lại mà bạn có thể duyệt và remix. Nếu quy trình làm việc của bạn tập trung vào cảm hứng được tuyển chọn bởi cộng đồng, trình chọn màu độc lập của Morph không phải là bề mặt phù hợp. Morph là toán học + các chuyển đổi + máy tạo bảng màu + kiểm tra độ tương phản — những phần xác định và có thể lặp lại. Phần 'duyệt hàng triệu bảng màu do người dùng lưu' là một sản phẩm khác, và Coolors có một sản phẩm mạnh mẽ.

Câu hỏi thường gặp

Tôi có thể chuyển đổi giữa HEX và RGB không?

Có. Nhập bất kỳ mã màu HEX nào và Morph sẽ ngay lập tức hiển thị các giá trị RGB, HSL và CMYK tương ứng. Hoạt động theo mọi hướng — nhập vào bất kỳ trường nào và các trường khác sẽ đồng bộ hóa.

Morph có kiểm tra độ tương phản màu cho khả năng truy cập không?

Có. Morph tính toán tỷ lệ tương phản WCAG giữa hai màu bất kỳ và cho bạn biết tổ hợp đó có đáp ứng tiêu chuẩn khả năng tiếp cận AA hoặc AAA cho văn bản cơ bản và văn bản lớn hay không.

Tôi có thể tạo bảng màu từ một màu đơn lẻ không?

Có. Chọn một màu cơ sở và Morph tạo ra các bảng màu tương phản, đồng bộ, tam giác, phân chia tương phản, đơn sắc và tứ diện dựa trên lý thuyết màu.

Công cụ chọn màu thực sự có thể chọn từ bất kỳ đâu trên màn hình không?

Có trên Chrome và Edge — Morph gọi API EyeDropper của trình duyệt. Nhấp vào nút mắt cá, di chuột bất kỳ đâu trên màn hình, nhấp để lấy mẫu. Safari và Firefox chưa hỗ trợ API này; trong các trình duyệt này, Morph sẽ tự động chuyển sang chọn từ bề mặt chọn.

Màu sắc của tôi có được lưu ở đâu không?

Các bảng màu đã lưu sống trong localStorage trên thiết bị của bạn. Chúng không bao giờ đồng bộ với máy chủ Morph. Xóa bộ nhớ lưu trữ trình duyệt, chúng biến mất — và Morph không có bản sao.

Mở bộ chọn màu — $4.99/tháng
Chuyển đổi bất kỳ thứ gì · Không tải lên · $4.99/tháng bao gồm mọi bề mặt Morph