Trình tạo bảng màu – Bảng màu hài hòa
Nhập màu cơ sở và tạo bảng màu hài hòa bằng quy tắc hài hòa màu bổ sung, tương đồng, tam giác, bổ sung tách đôi hoặc tứ giác.
Nhập màu cơ bản để tạo bảng màu
Hỗ trợ định dạng HEX, RGB, HSL và OKLCH
Thử ví dụ
Tạo bảng màu hài hòa ngay lập tức
Chọn màu phối hợp đẹp mắt là một trong những thách thức phổ biến nhất trong thiết kế. Quy tắc hài hòa màu, dựa trên mối quan hệ giữa các sắc độ trên vòng màu, cung cấp nền tảng đáng tin cậy để xây dựng bảng màu cân bằng.
Trình tạo bảng màu này nhận bất kỳ màu cơ sở nào và áp dụng quy tắc hài hòa chuẩn để tạo ra bộ màu bổ sung. Nhập màu ở định dạng HEX, RGB hoặc HSL và chuyển đổi giữa các loại hài hòa để khám phá các tổ hợp khác nhau.
Các loại hài hòa màu giải thích
- Bổ sung — hai màu đối diện nhau trên vòng màu (cách nhau 180°). Tương phản cao, tổ hợp táo bạo.
- Tương đồng — ba màu liền kề trên vòng màu (cách nhau 30°). Tự nhiên hài hòa và tương phản thấp.
- Tam giác — ba màu cách đều quanh vòng (cách nhau 120°). Rực rỡ và cân bằng.
- Bổ sung tách đôi — màu cơ sở cộng hai màu liền kề với màu bổ sung của nó (150° và 210°). Mềm mại hơn bổ sung thuần túy.
- Tứ giác (Vuông) — bốn màu cách đều quanh vòng (cách nhau 90°). Bảng màu phong phú và phức tạp.
Cách sử dụng Trình tạo bảng màu
- Nhập màu cơ sở — gõ giá trị HEX, RGB hoặc HSL, hoặc dùng bộ chọn màu mặc định
- Chọn loại hài hòa từ bộ chọn
- Xem bảng màu tạo ra hiển thị dưới dạng mẫu màu
- Sao chép giá trị HEX hoặc RGB cho bất kỳ mẫu nào bằng một cú nhấp chuột
- Chuyển đổi giữa các loại hài hòa để so sánh các bảng màu khác nhau
Khi nào nên dùng Trình tạo bảng màu
- Bắt đầu dự án thiết kế mới và cần bảng màu cân bằng
- Xây dựng nhận diện thương hiệu xung quanh màu chủ đạo cụ thể
- Tạo chủ đề giao diện với màu nhấn hài hòa
- Khám phá quan hệ màu cho minh họa hoặc nghệ thuật
- Tạo bảng màu nhanh cho thuyết trình hoặc nguyên mẫu
Nhanh, miễn phí và riêng tư
Tất cả tính toán bảng màu diễn ra ngay trong trình duyệt của bạn — không có dữ liệu nào được gửi đến máy chủ. Hài hòa được tính qua xoay sắc độ HSL, giữ nguyên độ bão hòa và độ sáng của màu cơ sở để có kết quả nhất quán.
Cần trích xuất màu từ hình ảnh trước? Dùng Bộ chọn màu. Muốn chuyển đổi giữa các định dạng? Thử Trình chuyển đổi màu. Cần kiểm tra khả năng truy cập? Dùng Trình kiểm tra độ tương phản.
Câu hỏi thường gặp
- Hài hòa màu là gì?
- Hài hòa màu đề cập đến sự kết hợp các màu trông hài hòa với nhau. Các kết hợp này dựa trên mối quan hệ hình học giữa các sắc độ trên vòng màu.
- Nên dùng loại hài hòa nào?
- Tùy thuộc vào mục tiêu thiết kế của bạn. Bổ sung tạo tương phản mạnh. Tương đồng cảm giác êm dịu. Tam giác rực rỡ và cân bằng. Bổ sung tách đôi mang lại tương phản mềm hơn. Tứ giác cho bảng màu phong phú và phức tạp.
- Có thể nhập định dạng màu nào?
- Bạn có thể nhập màu ở định dạng HEX (vd. #3B82F6), RGB (vd. rgb(59, 130, 246)) hoặc HSL (vd. hsl(217, 91%, 60%)). Công cụ tự động nhận diện định dạng.
- Màu bảng màu được tính như thế nào?
- Màu cơ sở được chuyển sang HSL. Màu bảng màu được tạo bằng cách xoay sắc độ theo độ cụ thể trong khi giữ độ bão hòa và độ sáng không đổi.
- Có thể sao chép màu đã tạo không?
- Có. Mỗi màu bảng màu có nút sao chép nội tuyến cho cả giá trị HEX và RGB.
- Công cụ này có hoạt động trên di động không?
- Có. Trình tạo bảng màu hoàn toàn đáp ứng và hoạt động trên mọi thiết bị có trình duyệt hiện đại.
- Công cụ này có miễn phí không?
- Có. ColourPicker.app hoàn toàn miễn phí sử dụng, không cần đăng ký.
- Có thể lưu bảng màu đã tạo không?
- Công cụ không lưu bảng màu giữa các phiên. Bạn có thể sao chép giá trị màu từng cái và lưu vào tệp dự án hoặc công cụ thiết kế của mình.