Bánh xe màu — Bánh xe chọn màu trực tuyến & Màu bổ sung

Sử dụng tương tác này bánh xe màu ĐẾN chọn một màu, tìm thấy màu sắc bổ sung, và khám phá tương tự, tam giác, tứ giác, Và chia bổ sung đề án. Đó là một cách nhanh chóng để kết hợp một màu, kiểm tra các màu tương phản và tạo ra sự kết hợp màu sắc hài hòa với nhau.

Đã chọn
HEX: #165DFF
HSL: hsl(225, 100%, 56%)
RGB: rgb(22, 93, 255)
Bảng màu

Đặc trưng

  • Tương tác bánh xe chọn màu (HSV) với khả năng kéo mượt mà và đầu vào chính xác (HEX/RGB/HSL).
  • Lập tức máy tạo màu bổ sung cộng với các tùy chọn tương tự, bộ ba, bổ sung tách, tứ giác và đơn sắc.
  • Gợi ý về độ tương phản WCAG cho văn bản và nút giao diện người dùng có thể đọc được bằng cách sử dụng màu sắc tương phản.
  • Xuất bảng màu sang PNG, SVG, hoặc Biến CSS để chuyển giao nhanh chóng.
  • Canvas đáp ứng giữ đầy đủ vòng tròn màu hiển thị trên mọi màn hình.

Ứng dụng

Xây dựng thương hiệu & giao diện người dùng: Xây dựng các bảng màu hài hòa phù hợp với tính cách thương hiệu của bạn. Sử dụng bánh xe màu bổ sung để tạo CTA có tác động cao hoặc màu ba màu sơ đồ điều hướng cân bằng và màu sắc biểu đồ.

Minh họa & Trang phục: Khám phá sơ đồ tương tự cho những chuyển màu có cảm giác tự nhiên. Khi bạn cần màu sắc hài hòa với nhau cho quần áo, công cụ này sẽ giúp bạn tìm màu bổ sung nổi bật trong một cái nhìn (“màu sắc bổ sung phù hợp”).

Nội thất & Sơn: Dịch Bánh xe màu RGB đến một bánh xe màu sơn tư duy; bắt đầu với bóng neo của bạn và kiểm tra màu sắc đối lập hoặc tắt tiếng màu cấp ba để cân bằng.

Ngày Viz: Chọn bảng màu có độ tương phản đủ cho biểu đồ; Một chia bổ sung bộ thường tránh nhầm lẫn trong khi bảo tồn sự đa dạng.

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

  1. Chọn một màu: kéo trên bánh xe hoặc nhập HEX/RGB/HSL.
  2. Chọn một sơ đồ: bổ sung, tương tự, ba, bổ sung chia, bốn hoặc đơn sắc.
  3. Tinh chỉnh giá trị: điều chỉnh Độ sáng (Giá trị) để kiểm soát độ sáng/tối.
  4. Kiểm tra độ tương phản: đảm bảo văn bản đáp ứng WCAG trên nền sáng/tối.
  5. Xuất khẩu: tải xuống PNG/SVG hoặc sao chép các biến CSS để bàn giao cho nhà phát triển.

Mẹo: Khi bạn cần nhanh chóng máy phát điện kết hợp màu sắc, bắt đầu bằng Đơn → Bổ sung → Bộ ba để so sánh tâm trạng và khả năng đọc.

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

Bánh xe màu trong lý thuyết màu sắc là gì?

các bánh xe lý thuyết màu sắc sắp xếp các màu sắc theo một vòng tròn để bạn có thể thấy các mối quan hệ như bổ sung (đối lập), tương tự (láng giềng) và bộ ba (cách đều nhau). Nó là cơ sở cho màu sắc hài hòa và chọn những màu sắc đi cùng nhau.

Làm cách nào để tìm được màu bổ sung?

Chọn màu cơ bản; của nó màu bổ sung ngồi đối diện trực tiếp trên bánh xe. Sử dụng lược đồ “Bổ sung” của ứng dụng để tạo cặp ngay lập tức và đánh giá độ tương phản.

Màu sắc cấp một, cấp hai và cấp ba là gì?

Màu sắc cơ bản là màu cơ bản; trộn chúng sẽ tạo ra màu thứ cấp và trộn màu thứ cấp với màu thứ cấp lân cận sẽ tạo ra màu cấp ba, tạo thành một bánh xe 12 màu cổ điển.

Bánh xe màu RGB và vòng tròn màu sơn?

các Bánh xe màu RGB mô hình ánh sáng phụ cho màn hình; bánh xe sơn RYB truyền thống có tính chất trừ. Các cặp bổ sung có chút khác biệt giữa các mô hình.

Các màu cầu vồng theo thứ tự như thế nào?

Đỏ, Cam, Vàng, Lục, Lam, Chàm, Tím—hữu ích khi xây dựng một bánh xe quang phổ màu hoặc dạy những điều cơ bản về lý thuyết màu sắc.

Màu sắc nào kết hợp tốt với nhau cho giao diện người dùng?

Thử tương tự cho sự hài hòa mượt mà, tam giác để có độ tương phản cân bằng, hoặc bổ sung để nhấn mạnh (các nút, cảnh báo). Luôn kiểm tra tỷ lệ tương phản.

Thuật ngữ (Lý thuyết màu sắc)

Màu sắc bổ sung: màu sắc đối lập trên bánh xe giúp tối đa hóa độ tương phản (ví dụ: xanh lam ↔ cam).

Tương tự: các màu sắc lân cận tạo ra độ chuyển màu nhẹ nhàng và sự gắn kết thị giác.

Bộ ba: ba màu cách nhau 120°; sinh động nhưng cân đối.

Tứ giác: hai cặp bổ sung; giàu có nhưng đòi hỏi sự cân bằng cẩn thận.

Tiểu học/Trung học/Đại học: các màu cơ bản, sự kết hợp của chúng và các bước trung gian trong bánh xe 12 màu.

Màu sắc/Độ bão hòa/Giá trị (HSV): góc trên bánh xe, cường độ màu sắc và độ sáng.

Khả năng tiếp cận và độ tương phản

Sử dụng các gợi ý về độ tương phản để đảm bảo văn bản có thể đọc được. Đối với văn bản thông thường, hãy nhắm đến tỷ lệ ≥ 4,5:1; đối với văn bản lớn, ≥ 3:1. Khi nghi ngờ, hãy chọn nền sáng hơn và màu bổ sung tối hơn hoặc tăng độ sáng/giá trị để dễ đọc hơn.