Chuyển đổi màu
#143940
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
- #143940 là màu gì?
- #143940 là Đêm Đầm Lặng Lẽ – Màu xanh lơ đậm như lớp bóng trên mặt nước sâu dưới ánh trăng, có sắc lạnh pha nét xanh rêu. Nó gợi lên cảm giác tĩnh lặng, bảo tồn và một chút bí ẩn cổ kính.
- Đêm Đầm Lặng Lẽ biểu tượng cho điều gì?
- Sâu sắc và tri thức, Ổn định cảm xúc, Bảo tồn tự nhiên, Uy tín chuyên môn, Bí ẩn nội tâm. Ở phương Tây, sắc xanh rêu - lam như thế này gợi liên tưởng đến đại dương sâu và được dùng trong ngành hàng hải; ở nhiều nền văn hóa Á Đông, tông xanh sẫm liên quan đến bình an và nội tâm; trong nghệ thuật phương Đông Trung Cổ, sắc xanh lam-xanh lá thường xuất hiện trong các vật liệu men và trang trí cung điện.
- Đêm Đầm Lặng Lẽ được sử dụng ở đâu trong thiết kế?
- Trong không gian hoặc giao diện, màu này làm dịu thị giác và kéo sự chú ý vào nội dung chính nhờ độ tối và độ bão hòa trung bình. Nó cũng giảm cảm giác kích động, tạo nền hoàn hảo cho các yếu tố tương phản như nút hành động màu ấm.
- Màu nào kết hợp tốt với Đêm Đầm Lặng Lẽ?
- colorCode.seoFaqPairingAnswer #EA7F2D: Cam vàng ấm bổ túc — tương phản bổ túc tạo điểm nhấn CTA mạnh mẽ (harmony: bổ túc) .. #0B6A6F: Một tông xanh lơ sáng hơn theo hàng tương tự, giúp tạo gradient hài hòa và chiều sâu (harmony: tương tự/analogous).. #8A2E6B: Tông magenta đất làm tăng chiều sâu cảm xúc và cung cấp nhịp điệu màu sắc nửa ấm nửa lạnh (harmony: tam giác lệch/triadic)..
- Đêm Đầm Lặng Lẽ ảnh hưởng đến tâm trạng như thế nào?
- Tĩnh lặng tự tin với chiều sâu bí ẩn Cảm giác an toàn, được bảo vệ và hơi hoài niệm. colorCode.seoFaqMoodTraits
- Ngành nào sử dụng Đêm Đầm Lặng Lẽ?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- Lịch sử của Đêm Đầm Lặng Lẽ là gì?
- Màu sắc ở ngưỡng xanh lơ sẫm như #143940 xuất hiện sớm trong các vật liệu tạo patina của đồng và hợp chất đồng trên đền đài cổ; các họa sĩ thời Trung Cổ thường trộn azurite với mực đen hoặc thực vật để đạt sắc xanh lá - lam đậm. Pigment theo nghĩa hiện đại là kết quả của pha trộn giữa sắc lam và sắc lục với một chút bội âm tối, chứ không là một pigment đơn nhất trong lịch sử.
- Cách sử dụng Đêm Đầm Lặng Lẽ trong thiết kế?
- Nguyên tắc cân bằng tương phản: luôn ghép #143940 với ít nhất một giá trị sáng hoặc ấm để duy trì rõ ràng và chiều sâu.colorCode.seoFaqDesignDo
- Đêm Đầm Lặng Lẽ 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.