Adlandırılmış renk · #FF1133
Rage
Rage, #FF1133: rgb(255 17 51), hsl(351 100% 53%), oklch(0.634 0.252 24.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Rage color name →
#FF1133
oklch(0.634 0.252 24.2)
Renk dönüşümleri
- HEX
- #ff1133
- RGB
- rgb(255 17 51)
- HSL
- hsl(351 100% 53%)
- HWB
- hwb(351 7% 0%)
- OKLCH
- oklch(0.634 0.252 24.2)
- OKLab
- oklab(0.634 0.23 0.103)
- CIE Lab
- lab(54.92 80.11 50.52)
- LCH
- lch(54.92 94.71 32.2)
- CMYK
- cmyk(0% 93% 80% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF444A
- FF605F
- FF7873
- FF8E87
- FFA29B
- FFB5AF
- FFC8C3
- FFDBD7
- FFEDEB
Koyu tonlar
- DE0D2B
- BE0923
- 9E061C
- 800414
- 63020D
- 480107
- 2E0003
- 160001
- 030000
Gri tonlar
- F4323E
- E94447
- DD5150
- D25B58
- C6645F
- B96B66
- AC716D
- 9E7773
- 907C7A
Renk uyumları
Tamamlayıcı +180°
- FF1133
Rage
- 009DA8
≈ Turkish Boy
Analog -30° +30°
- FF1133
Rage
- F21994
≈ Fanatic Fuchsia
- D16A00
≈ Cinnamon
Üçlü +120° +240°
- FF1133
Rage
- 00A824
≈ Kobra Khan
- 4C81FF
≈ Flickery C64
Bölünmüş tamamlayıcı +150° +210°
- FF1133
Rage
- 00A185
≈ Reptilian Green
- 0096CE
≈ Blithe
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.90:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.37:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.37:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--rage: #ff1133;
--rage-rgb: 255 17 51;
--rage-oklch: oklch(0.634 0.252 24.2);
}
.element {
color: var(--rage);
background-color: hsl(351 100% 53%);
border-color: oklch(0.634 0.252 24.2);
}Tailwind CSS v4
@theme {
--color-rage: #ff1133;
--color-rage-50: #ffdacf;
--color-rage-100: #ffc7bc;
--color-rage-200: #ffa79a;
--color-rage-300: #ff7a70;
--color-rage-400: #ff464e;
--color-rage-500: #ff001e;
--color-rage-600: #db001d;
--color-rage-700: #b00017;
--color-rage-800: #840014;
--color-rage-900: #5e000d;
--color-rage-950: #3f0002;
}SCSS
$rage: #ff1133;
$rage-rgb: 255, 17, 51;
$rage-light: mix(#fff, $rage, 20%);
$rage-dark: mix(#000, $rage, 20%);
.element {
color: $rage;
box-shadow: 0 0 0 2px rgba($rage, 0.35);
}