Xanh lam là một trong những màu phổ biến nhất được sử dụng trong thiết kế web. Sử dụng màu xanh lam từ trung bình đến đậm mang lại cảm giác thư giãn mà các nhà thiết kế có thể bổ sung bằng màu vàng và cam.
Đây là một số cách khác nhau Màu xanh lam có thể kết hợp với các màu khác.
Đối lập Thu hút và Màu xanh da trời Kết hợp Tốt với Màu cam
Cân nhắc kết hợp màu xanh lam với màu cam trong một bảng màu bổ sung.
Từ đậm nhất đến nhạt nhất, các màu cam được hiển thị với từng mẫu màu xanh lam trong hình trên là:
- HexFFA500 | RGB 255, 165, 0 (cam vàng; từ khóa màu SVG & từ khóa màu CSS là cam)
- HexFF8000 | RGB 255, 128, 0 (cam vừa)
- HexFF4500 | RGB 255, 69, 0 (đỏ cam; từ khóa màu SVG được tô điểm)
- HexC83200 | RGB 200, 50, 0 (cam đậm)
- Số: HexFF7F27 | RGB 255, 127, 39 (màu cam đào)
Màu xanh lam, từ đậm đến nhạt hơn là:
- Hải quân:Hex000080 | RGB 0, 0, 128 (từ khóa màu CSS / từ khóa màu SVG xanh nước biển)
- Xanh lam:Hex0000FF | RGB 0, 0, 255 (từ khóa màu CSS / SVG là màu xanh lam; màu an toàn cho trình duyệt)
- Hex:0045FF | RGB 0, 69, 255 (xanh lam vừa)
- Steel Blue:Hex4682B4 | RGB 70, 130, 180 (từ khóa màu SVG xanh lam thép; xanh công ty)
- Hex:0080FF | RGB 0, 128, 255 (xanh lam vừa)
- Xanh nhạt:HexADD8E6 | RGB 173, 216, 230 (lightblue từ khóa màu SVG)
Xanh lam đậm và xanh lam trung bình tượng trưng cho tầm quan trọng, sự tự tin, quyền lực, trí thông minh, sự ổn định, đoàn kết và bảo thủ. Bằng cách thêm một số màu cam vào bảng màu chủ yếu là màu xanh lam đậm của bạn, bạn sẽ tạo ra một chút ấm áp và năng lượng có thể giữ cho bảng màu của bạn không bị quá ngột ngạt hoặc quá mạnh.
Bạn không cần phải sử dụng các sắc thái chính xác này. Chạm vào nhẹ hơn hoặc tối hơn hoặc bước một điểm sang trái hoặc phải trên bánh xe màu. Những sự kết hợp màu này giúp bạn tìm được một bảng màu phù hợp với màu xanh lam và màu cam làm thành phần chính.
Mix nhạc Blues sâu với vàng vàng
Lấy màu xanh lam đậm đến gần như màu tím và thêm một chút ánh nắng vàng trong một bảng màu bổ sung.
Xanh lam là một màu lạnh chuyển sang ấm khi bạn thêm các tông màu tía, trong khi màu vàng là một màu ấm ở phía bên kia của bánh xe màu. Để tránh rung động khó chịu, tránh sử dụng với lượng bằng nhau. Làm nổi bật màu xanh của bạn với một chút màu vàng (hoặc làm dịu màu vàng của bạn bằng một chút màu xanh lam).
Từ đậm nhất đến nhạt nhất, màu vàng hiển thị với từng mẫu màu xanh lam trong hình trên là:
- Màu vàng Cadium:HexFF9912 | RGB 255, 153, 18 (màu vàng nâu, ấm)
- Vàng:HexFFD700 | RGB 255, 215, 0 (vàng từ khóa màu SVG)
- Số: HexFFFF00 | RGB 255, 255, 0 (từ khóa màu SVG / CSS màu vàng)
Nhạc blues là:
- Xanh lam rất đậm:Hex000033 | RGB 0, 0, 51 (màu xanh lam đậm an toàn cho trình duyệt)
- Midnight Blue:Hex191970 | RGB 25, 25, 112 (từ khóa màu SVG nửa đêm)
- Dark Slate Blue:Hex483D8B RGB 72, 61, 139 (từ khóa màu SVG darkslateblue; xanh xám tím)
- Indigo:Hex4B0082 | RGB 75, 0, 130 (từ khóa màu SVG chàm; xanh tím)
- Blue Violet:Hex8A2BE2 | RGB 138, 43, 226 (từ khóa màu SVG blueviolet)
- Xanh coban:Hex3D59AB | RGB 61, 89, 171
Màu sắc chuyển sang màu tím-tím của xanh lam có thể tạo thêm nét bí ẩn, gợi ý của nữ tính. Nó tạo thêm sự ấm áp cho màu xanh dịu mát.
Shades of Cyan với Dark Orange
Lục lam từ trung bình đến đậm là màu xanh lam trên bờ vực của màu xanh lá cây. Ở đây, nhiều sắc thái xanh lam và lục lam vừa khác nhau được kết hợp với màu cam nâu đậm.
Ngoài các thuộc tính làm dịu, màu xanh lam đậm hơn này có thể mang biểu tượng của màu xanh lá cây, chẳng hạn như sự cân bằng, hài hòa và ổn định. Nó có một chút ấm áp và năng lượng khi kết hợp với màu cam nâu hoặc đỏ. Màu nâu là một màu trung tính tự nhiên, nhẹ nhàng. Màu đỏ và màu lục lam là đối lập trên bánh xe màu sắc với độ tương phản cao, nhưng chúng không nhất thiết phải là một sự kết hợp tuyệt vời. Chuyển từ đỏ sang cam và xanh lam đậm hơn mang đến một bảng màu dễ chịu hơn.
Từ đậm nhất đến nhạt nhất, màu đỏ cam được hiển thị với từng mẫu màu xanh lam trong hình trên là:
- Đỏ Cam Đậm:HexCD3700 | RGB 205, 55, 0
- Cadmium Orange:HexFF6103 | RGB 255, 97, 3
- Số: Red HexFF0000 | RGB 255, 0, 0 (từ khóa màu SVG / CSS đỏ)
Nhạc blues là:
- Dark Royal Blue:Hex27408B | RGB 39, 64, 139
- Deep Sky Blue:Hex00688B | RGB 0, 104, 139 (từ khóa màu không phảimàu deepskyblue)
- Dark Slate Blue:Hex2F4F4F RGB 47, 79, 79 (nottừ khóa màu darkslateblue)
- Dark Cyan:Hex008B8B | RGB 0, 139, 139 (mặt xanh hơn của màu xanh lam)
- Mangan Blue:Hex03A89E | RGB 3, 168, 158 (màu xanh ngọc lam)
- Lục lam (Aqua):Hex00FFFF | RGB 0, 255, 255 (từ khóa màu SVG lục lam hoặc thủy lam; màu xanh lam-xanh lục)
Xanh lam, Đỏ và Vàng
Bộ ba bổ sung tách rời lấy một màu (trong trường hợp này là xanh lam) và sau đó lấy các màu ở hai bên của phần bổ sung của màu đó (màu đối diện trên bánh xe màu). Phần bổ sung của màu xanh tinh khiết là màu vàng thuần khiết. Màu xanh lam vừa đối lập với màu da cam. Tùy thuộc vào màu xanh lam bạn bắt đầu và số lượng màu trung gian bạn trải qua, bạn có thể kết hợp nó với các màu từ hồng-đỏ đến vàng-xanh lục.
- Hải quân:Hex000080 | RGB 0, 0, 128
- Đỏ tươi:HexFE0004 | RGB 254, 0, 4
- Nắng Vàng:HexFFFB00 | RGB 255, 251, 0
- Dark Slate Blue:Hex483D8B RGB 72, 61, 139 (từ khóa màu SVG xanh lam sẫm; xanh xám tím)
- Vàng:HexFFD700 | RGB 255, 215, 0 (vàng từ khóa màu SVG)
- Chartreuse:Hex7FFF00 | RGB 127, 255, 0
- Dark Cyan:Hex008B8B | RGB 0, 139, 139 (mặt xanh hơn của màu xanh lam)
- Violet-Red:HexD02090 | RGB 208, 32, 144
- Cam đậm:HexC83200 | RGB 200, 50, 0 (từ khóa màu không phảimàu cam đậm)
Màu xanh lam đậm hơn biểu thị tầm quan trọng, sự tự tin, quyền lực, uy quyền, trí thông minh, sự ổn định, thống nhất và bảo thủ. Màu đỏ là một màu quyền lực khác, nhưng nó thu hút sự chú ý hơn màu xanh lam. Màu vàng cho biết thêm một số độ sáng và niềm vui. Sử dụng số lượng bằng nhau của mỗi màu sẽ làm cho nó giống như trẻ con (nghĩ là màu cơ bản), như ví dụ1. Tuy nhiên, nếu bạn chỉ sử dụng một lượng nhỏ màu đỏ và vàng (hoặc các màu gần đó) với tông màu chủ yếu là xanh lam đậm, thì nó khá phù hợp cho các dự án dành cho người lớn mà bạn không muốn tỏ ra quá nghiêm túc.
