Hòa hợp màu sắc: Tạo bảng màu cân bằng
Chọn một màu cơ sở và một trong sáu quy tắc hòa hợp để tạo bảng màu phối hợp. Công cụ hòa hợp màu sắc xoay quanh vòng tròn màu: tương phản tìm màu đối diện, tương đồng tìm các sắc độ kề nhau, tam sắc và tứ sắc phân bổ màu đều nhau, tương phản tách chọn các sắc kề của màu đối diện, còn đơn sắc giữ trong một sắc độ. Nhấp vào bất kỳ mẫu màu nào để sao chép giá trị hex của nó.
Bộ tạo hòa hợp màu sắc tạo các bảng màu từ một màu cơ sở bằng các mối quan hệ quen thuộc trên vòng tròn màu. Hãy chọn quy tắc hòa hợp để xem các màu liên quan dưới dạng mẫu màu, rồi nhấp vào mẫu màu để sao chép giá trị hex của nó. Đây là công cụ tạo bảng màu tiện lợi khi bạn muốn khám phá các tổ hợp mà không cần lắp ghép thủ công.
Các quy tắc có sẵn tạo ra các mối quan hệ khác nhau: tương phản (complementary) tìm một sắc độ đối diện, tương đồng (analogous) dùng các sắc độ kề nhau, còn bảng tam sắc (triadic) và tứ sắc (tetradic) phân bổ màu đều quanh vòng tròn. Tương phản tách (split-complementary) dùng hai sắc kề của màu đối diện với màu cơ sở. Bảng đơn sắc (monochromatic) tập trung vào một sắc độ. Hãy chọn quy tắc phù hợp với bảng màu bạn muốn khám phá, rồi so sánh các mẫu màu đã tạo.
Hòa hợp màu sắc hữu ích khi bạn cần biến một màu khởi đầu thành một tập hợp các lựa chọn liên quan. Bảng màu giúp bạn lên kế hoạch màu cho giao diện, prototype hoặc dự án khác. Công cụ cung cấp các giá trị hex có thể sao chép, giúp bạn dễ đưa mẫu màu đã chọn vào quy trình phát triển hoặc thiết kế.
Công cụ chạy hoàn toàn trong trình duyệt của bạn, nên dữ liệu bạn nhập được xử lý trên chính thiết bị của bạn và không có gì bị tải lên, lưu trữ hay gửi tới máy chủ. Công cụ hoạt động ngoại tuyến sau khi trang đã tải xong và hoàn toàn miễn phí. Lập trình viên, kỹ sư DevOps, nhà thiết kế và bất kỳ ai khám phá tổ hợp màu đều có thể dùng mà không cần cài gì cục bộ.
Bước 1: Nhập hoặc dán màu cơ sở để bắt đầu xây dựng bảng màu.
Bước 2: Chọn quy tắc hòa hợp: tương phản, tương đồng, tam sắc, tứ sắc, tương phản tách hoặc đơn sắc.
Bước 3: Xem lại các mẫu màu đã tạo để so sánh các màu trong bảng của bạn.
Bước 4: Nhấp vào bất kỳ mẫu màu nào để sao chép giá trị hex của nó cho dự án của bạn.
Trường hợp sử dụng: Xây dựng bảng màu cho website hoặc ứng dụng bằng cách bắt đầu từ màu thương hiệu và khám phá các sắc độ liên quan.
Trường hợp sử dụng: So sánh các quy tắc hòa hợp tương phản, tương đồng và các quy tắc khác khi chọn màu cho giao diện mới.
Trường hợp sử dụng: Tạo nhanh bảng màu cho prototype hoặc mockup thiết kế mà không cần cài công cụ cục bộ.
Trường hợp sử dụng: Tạo ý tưởng màu khi làm việc từ máy khác, ngay trong trình duyệt.
Trường hợp sử dụng: Sao chép giá trị hex của mẫu màu để dùng màu đã chọn trong codebase hoặc quy trình thiết kế.
Trường hợp sử dụng: Khám phá các tổ hợp màu mà không cần dán dữ liệu nội bộ vào dịch vụ bên thứ ba.