Chuyển đổi màu
#3b110d
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
- #3B110D là màu gì?
- #3B110D là Cánh Gián Đêm – Màu nâu đỏ tối đậm như lớp gỗ sẫm ánh gián dưới ánh nến, với sâu độ và độ bão hòa vừa đủ để giữ nét đỏ ấm. Gợi cảm giác ấm áp nhưng có phần kín đáo, trầm tĩnh và đầy trọng lượng cảm xúc.
- Cánh Gián Đêm biểu tượng cho điều gì?
- thổ nhưỡng và gỗ, tuổi đời/độ chín, thủ công và chất lượng, quyền lực kín đáo, hoài cổ/vintage. Ở phương Tây, sắc nâu-đỏ sẫm này liên tưởng tới da thuộc, rượu vang và phẩm giá cổ điển; ở Nhật Bản và một số nền văn hóa Đông Á, tông tối gần đỏ gợi tới men sẫm và vật liệu truyền thống như gỗ mun hoặc sơn mài; ở các nền văn hóa Trung Đông, tông trầm như thế thường kết nối với đất đai, gia truyền và đồ da thủ công. Những liên kết chi tiết thay đổi theo chất liệu được gợi — da, gỗ, hay sơn — hơn là vì sắc tố đơn lẻ.
- Cánh Gián Đêm được sử dụng ở đâu trong thiết kế?
- Trong không gian hoặc thiết kế, màu này thu hút sự chú ý theo cách kín đáo: nó làm nổi bật chất liệu và lịch sử hơn là sự phô trương. Khi kết hợp đúng, nó khiến sản phẩm có cảm giác thủ công, lâu đời và đáng tin cậy, nhưng nếu thiếu điểm nhấn sẽ tạo cảm giác u ám.
- Màu nào kết hợp tốt với Cánh Gián Đêm?
- colorCode.seoFaqPairingAnswer #0D3B3B: Tương phản bổ sung (complementary): xanh lam-xanh lục tối này cung cấp sự tương phản lạnh mạnh, làm nổi bật tông đỏ ấm mà vẫn giữ cảm giác trầm.. #B8860B: Tương phản ấm/kim loại (split-complementary/accents): vàng kim loại ấm tạo điểm nhấn sang trọng và bổ sung sắc ấm của #3B110D theo tỷ lệ hài hòa.. #0D3B11: Hòa âm tam giác/đất (triadic analogue): xanh lá rừng tối cung cấp cảm giác đất mộc tự nhiên, giúp palette mang tính thủ công và bền bỉ..
- Cánh Gián Đêm ảnh hưởng đến tâm trạng như thế nào?
- Ấm áp trầm tĩnh với vẻ nghiêm túc Gợi cảm giác an toàn, bền bỉ và có giá trị truyền thống. colorCode.seoFaqMoodTraits
- Ngành nào sử dụng Cánh Gián Đêm?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- Lịch sử của Cánh Gián Đêm là gì?
- Tông màu giống #3B110D có nguồn gốc từ các hợp chất đất sét và oxide sắt được sử dụng từ thời tiền sử; nghệ nhân châu Âu lấy burnt umber (umber) và red ochre rồi đốt hoặc pha thêm than để đạt sắc tối sâu như hôm nay. Trong hội họa, các màu nâu-đỏ này là lựa chọn của thợ vẽ tranh chân dung và tranh tĩnh vật để xây nền tối ấm cho lớp màu da và vải.
- Cách sử dụng Cánh Gián Đêm trong thiết kế?
- Luôn cân bằng độ sâu (value) bằng các điểm sáng trung tính hoặc kim loại để giữ độ đọc và sự sang trọng.colorCode.seoFaqDesignDo
- Cánh Gián Đêm 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.