Chuyển đổi màu
#000999
Biến thể
Mục đích của phần này là tạo ra chính xác các tông màu sáng (thêm trắng tinh khiết) và tông màu tối (thêm đen tinh khiết) của màu bạn đã chọn theo từng mức tăng 10%.
Mẹo chuyên nghiệp: Sử dụng tông màu tối cho trạng thái hover và bóng, tông màu sáng cho điểm nhấn và nền.
Tông màu tối
Biến thể tối hơn được tạo ra bằng cách thêm màu đen vào màu cơ bản của bạn.
Tông màu sáng
Biến thể sáng hơn được tạo ra bằng cách thêm màu trắng vào màu cơ bản của bạn.
Trường hợp sử dụng phổ biến
- • Trạng thái thành phần UI (hover, active, disabled)
- • Tạo độ sâu với bóng và điểm nhấn
- • Xây dựng hệ thống màu sắc nhất quán
Mẹo hệ thống thiết kế
Những biến thể này tạo nền tảng cho một bảng màu hài hòa. Xuất chúng để duy trì sự nhất quán trên toàn bộ dự án của bạn.
Kết hợp màu sắc
Mỗi sự hài hòa có tâm trạng riêng. Sử dụng sự hài hòa để động não các kết hợp màu hoạt động tốt cùng nhau.
Cách sử dụng
Nhấp vào bất kỳ màu nào để sao chép giá trị hex của nó. Những kết hợp này được chứng minh toán học để tạo ra sự hài hòa thị giác.
Tại sao nó quan trọng
Sự hài hòa màu sắc tạo ra sự cân bằng và gợi lên cảm xúc cụ thể trong thiết kế của bạn.
Bổ sung
Một màu và màu đối diện trên bánh xe màu, +180 độ sắc độ. Độ tương phản cao.
Bổ sung tách
Một màu và hai màu liền kề với màu bổ sung của nó, +/-30 độ sắc độ từ giá trị đối diện màu chính. Táo bạo như bổ sung thẳng, nhưng linh hoạt hơn.
Bộ ba
Ba màu cách đều nhau trên bánh xe màu, mỗi màu cách nhau 120 độ sắc độ. Tốt nhất là để một màu chiếm ưu thế và sử dụng các màu khác làm điểm nhấn.
Tương tự
Ba màu có cùng độ sáng và độ bão hòa với sắc độ liền kề trên bánh xe màu, cách nhau 30 độ. Chuyển tiếp mượt mà.
Đơn sắc
Ba màu có cùng sắc độ với giá trị độ sáng +/-50%. Tinh tế và trang nhã.
Bộ bốn
Hai cặp màu bổ sung, cách nhau 60 độ về sắc độ.
Nguyên tắc lý thuyết màu sắc
Cân bằng
Sử dụng một màu chủ đạo, hỗ trợ bằng màu phụ và nhấn nhá một cách tiết kiệm.
Tương phản
Đảm bảo đủ độ tương phản để dễ đọc và truy cập.
Hài hòa
Màu sắc nên phối hợp với nhau để tạo ra trải nghiệm hình ảnh thống nhất.
Kiểm tra độ tương phản màu
Kiểm tra các kết hợp màu để đảm bảo chúng đáp ứng tiêu chuẩn truy cập WCAG cho khả năng đọc văn bản.
Màu văn bản
Màu nền
Tương phản
Tiêu chuẩn WCAG
Công cụ kiểm tra độ tương phản nâng cao
Điều chỉnh chi tiết với thanh trượt, nhiều bản xem trước & hơn thế nữa
Mọi người đều là thiên tài. Nhưng nếu bạn đánh giá một con cá qua khả năng leo cây của nó, nó sẽ sống cả đời tin rằng mình ngu ngốc.
Định dạng kỹ thuật
Định dạng thực tế
Phân tích màu sắc
Trình mô phỏng mù màu
Khía cạnh sáng tạo
Câu hỏi thường gặp
- #000999 là màu gì?
- #000999 là Thủy Triều Đêm Cobalt – Một xanh lam đậm pha violet, gần như ánh đêm biển dưới ánh đèn công nghiệp; màu có độ bão hòa cao nhưng vẫn giữ chiều sâu và lạnh. Gợi cảm giác tập trung, uy quyền và một chút huyền bí, như bước vào một phòng điều khiển tĩnh lặng trước bình minh.
- Thủy Triều Đêm Cobalt biểu tượng cho điều gì?
- quyền lực học thuật, chuyên nghiệp, sâu sắc nội tâm, công nghệ tinh xảo, bí ẩn đêm. Ở phương Tây, sắc xanh đậm liên kết với uy tín và truyền thống học thuật; ở một số nền Đông Á, xanh lam sâu thường gợi đến tinh luyện và kính trọng; tại các nền văn hóa hải dương, nó liên tưởng đến biển sâu và sự bền bỉ. Các sắc độ và tông phối có thể làm thay đổi nghĩa: khi thêm cam nó trở nên năng động, khi kết hợp với xám tro thì nghiêm túc và chuyên nghiệp hơn.
- Thủy Triều Đêm Cobalt được sử dụng ở đâu trong thiết kế?
- Màu này làm không gian hoặc giao diện cảm thấy ổn định và được kiểm soát hơn; nó thu hút ánh nhìn vào các điểm nhấn mà không gây chói. Trong thiết kế, nó tăng cường cảm giác chuyên nghiệp và giảm tiếng ồn thị giác khi dùng làm nền cho nội dung quan trọng.
- Màu nào kết hợp tốt với Thủy Triều Đêm Cobalt?
- colorCode.seoFaqPairingAnswer #FF9900: Tương phản bổ sung (complementary): cam ấm làm nổi bật nút và điểm nhấn trên nền xanh sâu.. #0011CC: Tương tự (analogous): xanh lam sáng hơn tạo chuyển sắc mượt mà cho gradient và lớp sâu.. #00CC66: Tam giác màu (triadic): xanh lục tươi tạo năng lượng nhưng vẫn giữ cân bằng vì độ bão hòa tương đương..
- Thủy Triều Đêm Cobalt ảnh hưởng đến tâm trạng như thế nào?
- Tập trung tự tin với nét bí ẩn Người xem cảm thấy tin tưởng, nghiêm túc và có xu hướng chú ý lâu hơn vào chi tiết. colorCode.seoFaqMoodTraits
- Ngành nào sử dụng Thủy Triều Đêm Cobalt?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- Lịch sử của Thủy Triều Đêm Cobalt là gì?
- Sắc xanh sâu giống Thủy Triều Đêm Cobalt có nguồn gốc xa xưa từ indigo tự nhiên và lapis lazuli; trong nghệ thuật cổ, màu xanh đậm được tạo ra bằng thuốc nhuộm indigo từ cây Indigofera và bột azurite/ultramarine từ đá lapis, cả hai đều rất có giá trị. Trong thế kỷ 18–19, sự xuất hiện của pigment tổng hợp và kim loại như cobalt khiến các tông xanh đậm bền màu và rẻ hơn, mở rộng việc sử dụng cho trang trí và hàng dệt may.
- Cách sử dụng Thủy Triều Đêm Cobalt trong thiết kế?
- Giữ tương phản rõ ràng: màu này nên luôn đối lập với yếu tố sáng (trắng/ngọc trai/cam bổ sung) để đảm bảo hierarchy và dễ đọc.colorCode.seoFaqDesignDo
- Thủy Triều Đêm Cobalt có phù hợp không?
- colorCode.seoFaqAccessibilityAnswer Đạt tiêu chuẩn WCAG AA cho văn bản thông thường và lớn.