Màu có tên gần nhất · #0081FF
#0081FF
Màu có tên gần nhất: Azure
#0081FF (rgb(0 129 255), hsl(210 100% 50%), oklch(0.617 0.21 255.9)) gần nhất với màu có tên Azure. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#0081FF
oklch(0.617 0.21 255.9)
Chuyển đổi màu
- HEX
- #0081ff
- RGB
- rgb(0 129 255)
- HSL
- hsl(210 100% 50%)
- HWB
- hwb(210 0% 0%)
- OKLCH
- oklch(0.617 0.21 255.9)
- OKLab
- oklab(0.617 -0.051 -0.203)
- CIE Lab
- lab(53.81 8.09 -72.1)
- LCH
- lch(53.81 72.56 276.4)
- CMYK
- cmyk(100% 49% 0% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 338FFF
- 4F9DFF
- 67AAFF
- 7DB7FF
- 93C3FF
- A9D0FF
- BEDCFF
- D4E8FF
- E9F3FF
Sắc đậm
- 006FDE
- 005EBE
- 004E9E
- 003E80
- 002E63
- 001F48
- 00122E
- 000616
- 000103
Sắc xám
- 2382F3
- 3583E6
- 4284DA
- 4D85CD
- 5785C1
- 6084B4
- 6984A7
- 71839B
- 79818D
Hòa sắc
Bổ túc +180°
- 0081FF
Azure
- B17800
≈ Golden Brown
Tương đồng -30° +30°
- 0081FF
Azure
- 0093BB
≈ Blue Danube
- 8068FB
≈ Purple Anemone
Bộ ba +120° +240°
- 0081FF
Azure
- E73859
≈ Desire
- 4C9C00
≈ Grassy Green
Bổ túc chia +150° +210°
- 0081FF
Azure
- D65A00
≈ Exuberance
- 918900
≈ Medusa Green
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.76:1 · APCA Lc 64
Ag
AATrên nền đen
WCAG 5.58:1 · APCA Lc 37
Màu chữ tốt nhất: #000000
WCAG 5.58:1 (AA) · APCA Lc 37
Contrast pairs
Đoạn mã
CSS
:root {
--azure: #0081ff;
--azure-rgb: 0 129 255;
--azure-oklch: oklch(0.617 0.21 255.9);
}
.element {
color: var(--azure);
background-color: hsl(210 100% 50%);
border-color: oklch(0.617 0.21 255.9);
}Tailwind CSS v4
@theme {
--color-azure: #0081ff;
--color-azure-50: #d0f8ff;
--color-azure-100: #bceaff;
--color-azure-200: #9bd6ff;
--color-azure-300: #70b7ff;
--color-azure-400: #3a9dff;
--color-azure-500: #007fff;
--color-azure-600: #006ce2;
--color-azure-700: #0057b6;
--color-azure-800: #004088;
--color-azure-900: #002c60;
--color-azure-950: #001942;
}SCSS
$azure: #0081ff;
$azure-rgb: 0, 129, 255;
$azure-light: mix(#fff, $azure, 20%);
$azure-dark: mix(#000, $azure, 20%);
.element {
color: $azure;
box-shadow: 0 0 0 2px rgba($azure, 0.35);
}