Adlandırılmış renk · #FF007F
Rose
Rose, #FF007F: rgb(255 0 127), hsl(330 100% 50%), oklch(0.645 0.26 2.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Rose color name →
#FF007F
oklch(0.645 0.26 2.8)
Renk dönüşümleri
- HEX
- #ff007f
- RGB
- rgb(255 0 127)
- HSL
- hsl(330 100% 50%)
- HWB
- hwb(330 0% 0%)
- OKLCH
- oklch(0.645 0.26 2.8)
- OKLab
- oklab(0.645 0.26 0.013)
- CIE Lab
- lab(55.62 83.78 6.41)
- LCH
- lch(55.62 84.03 4.4)
- CMYK
- cmyk(0% 100% 50% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF3F8B
- FF5D97
- FF76A4
- FF8BB0
- FFA0BD
- FFB4CA
- FFC7D7
- FFDAE4
- FFECF2
Koyu tonlar
- DE006E
- BE005D
- 9E004C
- 80003C
- 63002D
- 48001F
- 2E0011
- 160006
- 030001
Gri tonlar
- F42E7F
- E9417F
- DD4E7F
- D2597F
- C56280
- B96A80
- AC7080
- 9E7680
- 907B80
Renk uyumları
Tamamlayıcı +180°
- FF007F
Rose
- 00A494
≈ Tropical Sea
Analog -30° +30°
Üçlü +120° +240°
Bölünmüş tamamlayıcı +150° +210°
- FF007F
Rose
- 00A959
≈ Rita Repulsa
- 009FB6
≈ January Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.77:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 5.55:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.55:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--rose: #ff007f;
--rose-rgb: 255 0 127;
--rose-oklch: oklch(0.645 0.26 2.8);
}
.element {
color: var(--rose);
background-color: hsl(330 100% 50%);
border-color: oklch(0.645 0.26 2.8);
}Tailwind CSS v4
@theme {
--color-rose: #ff007f;
--color-rose-50: #ffd6eb;
--color-rose-100: #ffc3dc;
--color-rose-200: #ffa1c6;
--color-rose-300: #ff73a6;
--color-rose-400: #ff3d90;
--color-rose-500: #ff0076;
--color-rose-600: #d70064;
--color-rose-700: #ad0050;
--color-rose-800: #81003d;
--color-rose-900: #5b002a;
--color-rose-950: #3d0018;
}SCSS
$rose: #ff007f;
$rose-rgb: 255, 0, 127;
$rose-light: mix(#fff, $rose, 20%);
$rose-dark: mix(#000, $rose, 20%);
.element {
color: $rose;
box-shadow: 0 0 0 2px rgba($rose, 0.35);
}