Chuyển đổi màu
#0a898a
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
- #0A898A là màu gì?
- #0A898A là Biển Ngọc Ánh Đêm – Một xanh teal đậm, lạnh và đậm đặc với ánh cyan rõ rệt và độ bão hòa cao, như một vùng nước sâu dưới ánh đèn mạn tàu. Gợi lên sự tỉnh táo, sáng suốt và một cảm giác an toàn nhưng vẫn đầy sức sống.
- Biển Ngọc Ánh Đêm biểu tượng cho điều gì?
- an toàn y tế và vệ sinh, đổi mới công nghệ, kết nối với thiên nhiên, cân bằng cảm xúc, ổn định tài chính. Ở phương Tây, gam teal như #0A898A thường liên tưởng tới độ chuyên nghiệp và hiện đại trong thương hiệu; trong văn hóa Trung Đông và Iran gam xanh-cyan gắn với bảo hộ (turquoise) và may mắn; ở các cộng đồng bản địa Bắc Mỹ, xanh ngọc tượng trưng cho đá quý turquoise—liên kết với chữa lành và tâm linh. Ở Đông Á, tông xanh này có thể đọc là tươi mát và liên hệ tới mộc và mùa xuân-mùa hè.
- Biển Ngọc Ánh Đêm được sử dụng ở đâu trong thiết kế?
- Trong không gian, #0A898A thúc đẩy cảm giác an toàn, chuyên nghiệp và sự tập trung, khiến người dùng cảm thấy dễ đưa ra quyết định. Trên màn hình, nó vừa nổi bật vừa ít gây mỏi mắt so với xanh sáng, phù hợp cho các nút hành động và biểu tượng quan trọng.
- Màu nào kết hợp tốt với Biển Ngọc Ánh Đêm?
- colorCode.seoFaqPairingAnswer #8A0A0A: Đỏ sẫm đối diện trên bánh xe màu — tạo tương phản bổ sung mạnh, dùng cho CTA hoặc nhãn cảnh báo (complementary).. #0A8A5A: Một tông tương tự (analogous) về phía xanh lá-cyan để mở rộng palette mà vẫn hài hòa và tự nhiên.. #F2C94C: Màu vàng ấm tạo tam giác màu (triadic) đem lại điểm nhấn tươi sáng và cân bằng nhiệt cho thiết kế..
- Biển Ngọc Ánh Đêm ảnh hưởng đến tâm trạng như thế nào?
- Tỉnh táo và tin cậy với năng lượng có kiểm soát Sự an tâm pha lẫn kích thích nhẹ colorCode.seoFaqMoodTraits
- Ngành nào sử dụng Biển Ngọc Ánh Đêm?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- Lịch sử của Biển Ngọc Ánh Đêm là gì?
- Màu sắc gần với #0A898A xuất hiện sớm nhờ các khoáng vật chứa đồng như turquoise và verdigris; người cổ đại ở Ai Cập và Ba Tư sử dụng đá turquoise và tạo mảng men xanh-cyan bằng cách pha đồng vào thủy tinh và men sứ. Pigment tinh thể turquoise tự nhiên đã là vật liệu trang trí quan trọng trong đồ trang sức, mạ vàng và trang trí cung điện.
- Cách sử dụng Biển Ngọc Ánh Đêm trong thiết kế?
- Giữ cân bằng giá trị và vật liệu: dùng #0A898A như điểm nhấn sắc nét kết hợp với vật liệu ấm hoặc neutrals để tránh cảm giác lạnh đơn độc.colorCode.seoFaqDesignDo
- Biển Ngọc Ánh Đê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.