Màu có tên gần nhất · #FF0024
#FF0024
Màu có tên gần nhất: Incision
#FF0024 (rgb(255 0 36), hsl(352 100% 50%), oklch(0.629 0.256 26.1)) gần nhất với màu có tên Incision. 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.
#FF0024
oklch(0.629 0.256 26.1)
Chuyển đổi màu
- HEX
- #ff0024
- RGB
- rgb(255 0 36)
- HSL
- hsl(352 100% 50%)
- HWB
- hwb(352 0% 0%)
- OKLCH
- oklch(0.629 0.256 26.1)
- OKLab
- oklab(0.629 0.23 0.113)
- CIE Lab
- lab(54.4 81.06 57.79)
- LCH
- lch(54.4 99.55 35.5)
- CMYK
- cmyk(0% 100% 86% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FF4040
- FF5E57
- FF766D
- FF8C82
- FFA196
- FFB4AB
- FFC8C0
- FFDAD5
- FFEDEA
Sắc đậm
- DE001E
- BE0018
- 9E0012
- 80000C
- 630007
- 480004
- 2E0002
- 160000
- 030000
Sắc xám
- F42E33
- E9413F
- DD4F49
- D25A52
- C6635B
- B96A63
- AC716B
- 9F7672
- 907C79
Hòa sắc
Bổ túc +180°
- FF0024
Incision
- 009BA9
≈ Turkish Boy
Tương đồng -30° +30°
- FF0024
Incision
- F3068D
≈ Fabulous Fuchsia
- CD6B00
≈ Sludge
Bộ ba +120° +240°
- FF0024
Incision
- 00A536
≈ Poetic Green
- 507EFF
≈ C64 NTSC
Bổ túc chia +150° +210°
- FF0024
Incision
- 00A086
≈ Reptilian Green
- 0094CF
≈ Rich Electric Blue
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.97:1 · APCA Lc 64
Ag
AATrên nền đen
WCAG 5.27:1 · APCA Lc 38
Màu chữ tốt nhất: #000000
WCAG 5.27:1 (AA) · APCA Lc 38
Contrast pairs
Đoạn mã
CSS
:root {
--incision: #ff0024;
--incision-rgb: 255 0 36;
--incision-oklch: oklch(0.629 0.256 26.1);
}
.element {
color: var(--incision);
background-color: hsl(352 100% 50%);
border-color: oklch(0.629 0.256 26.1);
}Tailwind CSS v4
@theme {
--color-incision: #ff0024;
--color-incision-50: #ffd9cc;
--color-incision-100: #ffc7b8;
--color-incision-200: #ffa695;
--color-incision-300: #ff7969;
--color-incision-400: #ff4444;
--color-incision-500: #ff0000;
--color-incision-600: #dc0009;
--color-incision-700: #b20009;
--color-incision-800: #85000c;
--color-incision-900: #5e0008;
--color-incision-950: #400000;
}SCSS
$incision: #ff0024;
$incision-rgb: 255, 0, 36;
$incision-light: mix(#fff, $incision, 20%);
$incision-dark: mix(#000, $incision, 20%);
.element {
color: $incision;
box-shadow: 0 0 0 2px rgba($incision, 0.35);
}