Mã màu xanh dương
#0000FF
rgb(0, 0, 255)
hsl(240, 100%, 50%)
cmyk(100%, 100%, 0%, 0%)
Tên tiếng Anh: Blue /bluː/
Về màu xanh dương
Xanh dương thuần là màu cơ bản của hệ RGB với kênh xanh lam đạt 255. Đây là màu được ưa chuộng nhất trong nhận diện thương hiệu vì gợi sự tin cậy; trên web cũng là màu mặc định của liên kết.
Bảng sắc độ màu xanh dương từ nhạt đến đậm
- Pha 83% trắng #D5D5FF rgb(213, 213, 255)
- Pha 67% trắng #AAAAFF rgb(170, 170, 255)
- Pha 50% trắng #8080FF rgb(128, 128, 255)
- Pha 33% trắng #5555FF rgb(85, 85, 255)
- Pha 17% trắng #2B2BFF rgb(43, 43, 255)
- Màu gốc #0000FF rgb(0, 0, 255)
- Pha 17% đen #0000D5 rgb(0, 0, 213)
- Pha 33% đen #0000AA rgb(0, 0, 170)
- Pha 50% đen #000080 rgb(0, 0, 128)
- Pha 67% đen #000055 rgb(0, 0, 85)
- Pha 83% đen #00002B rgb(0, 0, 43)
Màu xanh dương phối với màu gì?
Trong thiết kế, màu xanh dương tạo tương phản mạnh nhất với màu bổ túc là vàng (#FFFF00), và phối êm, liền mạch với hai màu tương đồng #0080FF (gần với xanh hoàng gia) và #8000FF (gần với tím violet). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với xanh dương khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện xanh dương trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Xanh dương #0000FF
- ≈ Vàng #FFFF00
Màu tương đồng
Hai màu nằm sát hai bên trên bánh xe màu, phối cùng nhau cho cảm giác êm, liền mạch.
- ≈ Xanh hoàng gia #0080FF
- Xanh dương #0000FF
- ≈ Tím violet #8000FF
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Xanh dương #0000FF
- ≈ Đỏ #FF0000
- ≈ Xanh nõn chuối #00FF00
Mở màu này trong công cụ phối màu · Chỉnh độ sáng, độ bão hoà của màu xanh dương · Trộn màu gì ra màu xanh dương?
Chữ trắng hay chữ đen trên nền xanh dương?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 8,59 : 1 | Đạt | Đạt |
| Đen #000000 | 2,44 : 1 | Không đạt | Không đạt |
Dùng màu xanh dương trong CSS
:root { --mau-xanh-duong: #0000FF; }
.chu { color: #0000FF; }
.nen { background-color: rgb(0, 0, 255); }
.vien { border: 1px solid hsl(240, 100%, 50%); }Chuyển mã màu xanh dương sang định dạng khác · Sinh bảng sắc độ Tailwind cho #0000FF · Làm nền chuyển sắc từ màu này
Các màu khác trong nhóm xanh dương
- Xanh navy #000080 rgb(0, 0, 128)
- Xanh da trời #87CEEB rgb(135, 206, 235)
- Xanh coban #0047AB rgb(0, 71, 171)
- Xanh hoàng gia #4169E1 rgb(65, 105, 225)
- Xanh dương pastel #AEC6CF rgb(174, 198, 207)
- Xanh dương nhạt #ADD8E6 rgb(173, 216, 230)
- Xanh dương đậm #00008B rgb(0, 0, 139)
- Xanh biển #0077BE rgb(0, 119, 190)
- Xanh than #14213D rgb(20, 33, 61)
- Xanh denim #1560BD rgb(21, 96, 189)
- Xanh baby #89CFF0 rgb(137, 207, 240)