Bắt đầu từ một màu và tạo các hòa sắc bổ túc, tương đồng, bộ ba và hơn nữa — rồi xuất ra CSS, Tailwind v4, SVG hoặc PNG.
Cẩm nang lý thuyết màu
Vòng xoay sắp xếp sắc thái thành vòng tròn để mối quan hệ trở nên trực quan. Khoảng cách nghĩa là tương phản, kề nhau nghĩa là êm dịu. Mọi thứ bên dưới đều tương tác — hãy xoay thử vòng bên trên để hiểu nhanh hơn.
Mẹo: chia sẻ mọi kết quả — URL luôn giữ màu gốc, hòa sắc và độ sáng của bạn.
Một sắc thái không bao giờ đủ cho giao diện. Pha với đen lấy sắc đậm (tiêu đề, hover), với trắng lấy sắc nhạt (nền, modal) và với xám lấy tông (chữ mờ, viền).
Màu chàm từ đậm sang nhạt. Cùng logic vận hành mọi bảng màu phía trên.
Trong vòng RYB cổ điển, đỏ, vàng và lam là màu gốc; pha chúng cho ra cam, lục và tím. Trên màn hình ta pha ánh sáng (RGB), nên công cụ tính theo HSL/HSV — cùng một vòng tròn, tinh chỉnh cho điểm ảnh.
Twelve stops around the disc; every other color contains a trace of a primary.
Ease Colors là vòng quay màu trực tuyến miễn phí cho nhà thiết kế và lập trình viên cần màu đáng tin cậy mà không rời trình duyệt. Chọn màu gốc trên bộ chọn vòng quay tương tác, xem trước sáu hòa sắc cùng lúc rồi sao chép mã HEX, RGB, HSL hoặc OKLCH sẵn sàng sản xuất. Không có gì được tải lên, không cần tạo tài khoản, và mỗi kết quả nhận một URL chia sẻ khôi phục chính xác màu gốc, hòa sắc và độ sáng của bạn. Dải chuyển sắc tích hợp kéo mỗi màu gốc từ tông nhạt đến tông đậm, và toàn trang vẫn dùng được bằng bàn phím — với tiêu điểm hiển thị rõ ở mọi bước.
Vòng quay màu là biểu đồ màu hình tròn nơi các sắc độ được sắp xếp để mối quan hệ trở thành không gian: màu kề nhau mang lại cảm giác êm, màu đối nhau tạo căng thẳng. Vòng quay màu cơ bản kinh điển từ lớp mỹ thuật trộn sơn đỏ, vàng và lam, trong khi vòng quay RGB trên màn hình của bạn trộn ánh sáng. Công cụ này tính mọi hòa sắc trong không gian màu HSV/HSL — tinh chỉnh cho điểm ảnh chứ không phải chất màu. Kéo chấm trên đĩa để đặt sắc độ, kéo ra rìa để tăng độ bão hòa, và xoay vành độ sáng ngoài để đưa một sắc độ từ nền nhạt đến chữ đậm. Vì đĩa luôn được vẽ với độ sống động tối đa, các điểm đánh dấu vẫn phân tán và kéo được ngay cả với bảng gần đen hoặc gần trắng — hình học không bao giờ sụp đổ ở hai cực.
Vòng quay màu trực tuyến này đồng thời là công cụ chọn màu trực tuyến đầy đủ và công cụ màu:
Đang khám phá hướng đi? Nhấn Shuffle trong thư viện bảng màu để quay ngẫu nhiên qua hơn 400 bộ được tuyển chọn.
Trước khi phát hành, hãy chạy mô phỏng mù màu để xem trước mù đỏ, mù lục, mù lam và mù màu toàn phần, và giữ chữ dễ đọc nhờ nhãn tương phản tự động trên mọi dải.
Mọi công cụ chọn màu trên trang này đều nói bốn định dạng. Trường hex nhận mọi mã như #EDEA37, bộ chọn RGB đọc các bộ ba như rgb(99, 102, 241), còn HSL cùng OKLCH bao phủ tính đồng đều tri giác mà RGB đơn độc không tới được. Nhóm front-end nhận ngay quy trình chọn màu HTML và chọn màu CSS dùng được: xuất biến CSS, token chủ đề Tailwind v4, đối tượng cấu hình Tailwind v3, JSON Figma, hoặc chỉ lấy mã. Ống hút màn hình tích hợp (EyeDropper) lấy mẫu mọi điểm ảnh trên màn hình của bạn, và các chấm trên vòng chọn vẫn kéo được ở mọi độ sáng. Công cụ chọn màu trực tuyến này miễn phí, với xuất bản hỗ trợ alpha bao mọi ca RGBA. Chế độ tùy chỉnh đóng băng mọi bộ đã sinh thành danh sách sửa tay được: làm nhạt hoặc đậm mẫu, kéo để sắp lại, chèn điểm giữa pha trộn hay kéo dài bất kỳ đầu nào — mọi sửa đổi phản chiếu ngay vào URL chia sẻ.
Nhiếp ảnh gia và nhà thiết kế thương hiệu tìm đến công cụ chọn màu ảnh để mượn bảng màu từ thế giới thực. Tải ảnh lên — hoặc dán URL ảnh — và bộ chọn từ ảnh hiện kính lúp với lưới điểm ảnh và tâm ngắm, để đọc chính xác điểm ảnh bạn chỉ, ngay cả ở zoom 800%. Khóa màu, sao chép dưới dạng HEX, RGB, HSL hoặc OKLCH rồi gửi lên vòng quay bằng một cú nhấp. Chỉnh cỡ bảng trích từ hai đến mười màu, tải dải xuống dạng PNG, hoặc cất vào kho trình duyệt để mở lại sau. Mọi hình ảnh bạn mở đều ở lại trên thiết bị của bạn — không có gì được tải lên.
Khi một mẫu là chưa đủ, trình tạo bảng màu dựng bảng dùng ngay từ ảnh trong vài giây. Nó chấm điểm ảnh theo tần suất và độ bão hòa, lọc gần-trùng lặp, rồi xếp các màu thắng cuộc theo sắc độ — từ hai đến mười màu để sắp lại, mở rộng và xóa. Người retouch chân dung sẽ thích các bộ màu da riêng, bên cạnh các tuyển tập pastel, lam và lục. Lưu mục yêu thích vào kho trình duyệt, tải mọi bảng màu xuống dạng PNG hoặc SVG, và xuất token để bàn giao. Các núm kéo được chạy trên ảnh tại điểm lấy mẫu của chúng — nên lấy lại màu thành việc kéo chứ không phải đoán.
Vòng quay màu bổ túc ghép các sắc độ cách nhau 180° để đạt căng thẳng tối đa — cam đối lam, tím đối vàng. Dải bổ túc đánh dấu màu gốc của bạn bằng chấm đen, để thấy chính xác mẫu nào dành cho nút và liên kết trong khi sắc chủ đạo dẫn dắt bố cục. Các vòng xoay tách, tam giác, tứ giác và vuông đứng cạnh trong panel hòa sắc như những lựa chọn dịu hơn hay táo bạo hơn.
Mười hai hệ thống phân tích màu theo mùa sống trong thư viện — mỗi hệ mười bảy bảng. Brief ấm và dịu khởi đầu với bảng thu dịu, còn brief lạnh và dịu hướng tới bảng hè dịu. Các bộ mùa thu ấm cao phục vụ chiến dịch thu và thương hiệu thực phẩm, còn bảng đông sâu mang ánh ngọc trên nền gần đen cho sang trọng và buổi tối. Thiết kế sáng và ấm lấy từ bảng xuân sáng, tối giản thoáng đãng từ bảng hè mát, và việc tối xa hoa từ bảng thu đậm. Tương phản băng giá thuộc về bảng đông lạnh, ấm rực thuộc về bảng xuân ấm, nửa tông dịu thuộc về bảng hè chuẩn, và sang lặng thuộc về bảng trung tính. Sắc thái rộng hơn của mùa hè, mùa đông, mùa xuân và mùa thu hoàn thiện hơn 400 bộ — mỗi bộ sao chép HEX, RGB, HSL và OKLCH bằng một cú nhấp.
Nếu bạn đến đây khi tìm Adobe color wheel, Adobe color picker, Canva color wheel hay Google color picker, bạn đã biết việc cần làm: biến một màu thương hiệu thành bộ cân bằng. Ease Colors bao cùng mặt đất — hòa sắc, mã HEX/RGB/HSL/OKLCH, lấy mẫu ảnh và xuất bảng — miễn phí trong trình duyệt, với URL chia sẻ và không tài khoản nào đứng giữa bạn và các mẫu. Điều khiển bàn phím trước, nhãn trình đọc màn hình và chế độ giảm chuyển động đi kèm.
Mở vòng quay màu, thử bộ chọn từ ảnh, hoặc duyệt hơn 400 bảng màu. Bảng tiếp theo của bạn chỉ cách một cú kéo.
Nhấp vào ô màu bất kỳ. Đổi định dạng sang HEX, RGB, HSL hoặc OKLCH trước khi sao chép.
Nhấn “Sao chép liên kết”. URL mã hóa màu gốc, hòa sắc và độ sáng của bạn.
Có. Mọi HEX, token và bản xuất đều thuộc về bạn — không cần ghi công.
Vòng quay màu là biểu đồ tròn sắp xếp các sắc độ để mối quan hệ trở thành không gian: màu kề nhau mang lại cảm giác êm, còn màu đối nhau tạo căng thẳng. Lớp mỹ thuật dạy vòng đỏ-vàng-lam để pha sơn; màn hình dùng vòng RGB trộn ánh sáng. Nhà thiết kế dùng nó để chọn màu gốc, dựng hòa sắc và kiểm tra tương phản trước khi bảng chạm tới bố cục.
Bắt đầu từ một màu gốc — gõ mã HEX, mở bộ chọn hệ thống, hoặc lấy mẫu màn hình của bạn. Chọn hòa sắc như tương đồng, bổ túc hay tam giác, rồi chỉnh độ sáng bằng vành ngoài cho tới khi đủ tông nền, chữ và nhấn. Sao chép mỗi mẫu dưới dạng HEX, RGB, HSL hoặc OKLCH rồi dán mã vào CSS, Tailwind hay Figma.
Mục đích chính là loại phỏng đoán khỏi việc phối màu. Thay vì ghép cặp bằng mắt, bạn đọc hình học: khoảng cách nghĩa là tương phản còn kề nhau nghĩa là êm. Nhờ vậy mọi giao diện có thứ bậc rõ — một sắc chủ đạo, vài sắc hỗ trợ và một điểm nhấn dành riêng — để nút, liên kết và tiêu đề rơi đúng nơi mắt mong đợi.
Tài liệu thiết kế thường liệt kê tám loại: đơn sắc (một sắc độ, nhiều độ sáng), tương đồng (kề nhau), bổ túc (đối nhau), bổ túc tách (một gốc cộng hai kề của đối nó), tam giác, tứ giác hay chữ nhật (hai cặp bổ túc), vuông (bốn góc), và vô sắc hay trung tính (đen, trắng, xám). Công cụ này bao sáu loại trực tiếp, cộng chế độ tùy chỉnh cho danh sách sửa tay từ hai đến tám màu.
Kéo chấm trên đĩa: góc đặt sắc độ còn khoảng cách tới tâm đặt độ bão hòa. Kéo vành ngoài để đặt độ sáng mà không chạm sắc độ lẫn bão hòa. Bạn cũng có thể gõ giá trị HEX chính xác, mở hộp màu hệ thống, hoặc chọn mọi điểm ảnh trên màn hình bằng ống hút màn hình — mọi đường đều tới cùng một màu gốc chia sẻ được.
Công cụ chọn màu biến lựa chọn bằng mắt thành giá trị chính xác, tái dùng được. Nó đọc mọi màu dưới dạng mã HEX, RGB, HSL hoặc OKLCH để nhà thiết kế và lập trình viên nói cùng ngôn ngữ: thứ bạn nhấp giống từng bit với thứ lên CSS, token Tailwind hay style Figma — khỏi ước chừng tông bằng mắt.
Các loại chính là bộ chọn vòng hay đĩa (sắc độ cộng bão hòa trong nháy mắt), bộ chọn thanh trượt (kênh RGB hay HSL), ô HEX (giá trị trực tiếp), ống hút hay bộ chọn màn hình (lấy mẫu màn hình bạn), bộ chọn từ ảnh (kính lúp trên ảnh), và thư viện bảng (bộ tuyển như thư viện 400+ ở đây). Trang này gộp cả sáu vào một luồng.
Mã màu là giá trị chữ mô tả chính xác một màu. HEX viết nó bằng sáu chữ số thập lục phân (#EDEA37); RGB liệt kê kênh đỏ, lục, lam; HSL liệt kê sắc độ, bão hòa, độ sáng; OKLCH là định dạng tri giác mới hơn, nơi bước số bằng nhau trông khác nhau đều nhau. Cả bốn mô tả cùng một mẫu — định dạng chỉ đổi cách bạn đọc và sửa.
Chọn màu bằng vòng quay, thanh trượt, ô HEX hay ống hút màn hình, rồi sao chép đúng định dạng dự án cần — HEX cho web, RGB hay RGBA cho mã app, HSL để chỉnh nhanh, OKLCH cho đồng đều tri giác. Dán giá trị vào stylesheet, cấu hình Tailwind hay công cụ thiết kế, và giữ liên kết để màu chính xác chỉ cách một cú nhấp sau này.
Bảng màu giữ mọi bề mặt sản phẩm cùng một ngôn ngữ thị giác. Nó chia vai — nền, chữ, nhấn, trạng thái — để giao diện liền mạch thay vì chắp vá từ mẫu ngẫu nhiên. Bảng tốt cài sẵn tương phản và thứ bậc từ đầu, nghĩa là ít sửa dễ đọc hơn và thương hiệu mạnh, dễ nhớ hơn.
Các loại phổ biến gồm bảng đơn sắc, tương đồng và bổ túc dựng từ hình học vòng quay; bảng pastel và neon định nghĩa bởi năng lượng; bảng theo mùa ứng với undertone da (từ thu dịu tới trung tính); bảng thương hiệu chốt theo màu công ty; và bảng trích lấy mẫu từ ảnh. Thư viện ở đây gom tất cả — hơn 400 bộ thuộc hơn 60 nhóm.
Bắt đầu từ một màu gốc hợp tâm trạng — ấm và dịu, mát và thoáng, hay tối và kịch. Mở rộng bằng hòa sắc rồi kiểm tra kết quả đúng cách người dùng sẽ gặp: tương phản chữ nội dung, nhấn nút bấm, và mô phỏng mù màu đỏ, lục, lam. Vượt cả ba thì chia sẻ liên kết và phát hành.