أقرب لون مسمّى · #ED0033
#ED0033
أقرب لون مسمّى: Transfusion
#ED0033 (rgb(237 0 51)، hsl(347 100% 46%)، oklch(0.597 0.241 22.7)) أقرب إلى اللون المسمّى Transfusion. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#ED0033
oklch(0.597 0.241 22.7)
تحويلات الألوان
- HEX
- #ed0033
- RGB
- rgb(237 0 51)
- HSL
- hsl(347 100% 46%)
- HWB
- hwb(347 0% 7%)
- OKLCH
- oklch(0.597 0.241 22.7)
- OKLab
- oklab(0.597 0.222 0.093)
- CIE Lab
- lab(50.74 76.98 45.03)
- LCH
- lch(50.74 89.18 30.3)
- CMYK
- cmyk(0% 100% 78% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F33D49
- F85A5D
- FC7271
- FF8885
- FF9D99
- FFB1AD
- FFC5C1
- FFD9D6
- FFECEA
درجات داكنة
- CE002B
- B00023
- 93001C
- 770014
- 5C000D
- 420007
- 2A0003
- 140001
- 030000
درجات رمادية
- E42B3D
- DB3E46
- D14C4E
- C75756
- BD605E
- B26865
- A76F6C
- 9B7573
- 8E7B79
تناسق الألوان
متمم +180°
- ED0033
Transfusion
- 00919A
≈ Splashy
متجاور -30° +30°
- ED0033
Transfusion
- DF118C
≈ Benevolent Pink
- C36000
≈ Crema
ثلاثي +120° +240°
- ED0033
Transfusion
- 009B05
≈ Herbalist’s Garden
- 3173FF
≈ Hailey Blue
متمم منقسم +150° +210°
- ED0033
Transfusion
- 009578
≈ Pool Table
- 008ABC
≈ Mermaid Dreams
رباعي +90° +180° +270°
- ED0033
Transfusion
- 818700
≈ Krypton Green
- 00919A
≈ Splashy
- 8A52FE
≈ Purple Honeycreeper
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.51:1 · APCA Lc 68
Ag
AAعلى الأسود
WCAG 4.64:1 · APCA Lc 33
أفضل لون للنص: #000000
WCAG 4.64:1 (AA) · APCA Lc 33
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--transfusion: #ed0033;
--transfusion-rgb: 237 0 51;
--transfusion-oklch: oklch(0.597 0.241 22.7);
}
.element {
color: var(--transfusion);
background-color: hsl(347 100% 46%);
border-color: oklch(0.597 0.241 22.7);
}Tailwind CSS v4
@theme {
--color-transfusion: #ed0033;
--color-transfusion-50: #ffdbd3;
--color-transfusion-100: #ffc8c0;
--color-transfusion-200: #ffa9a0;
--color-transfusion-300: #ff7d77;
--color-transfusion-400: #ff4d57;
--color-transfusion-500: #ff002f;
--color-transfusion-600: #d7002a;
--color-transfusion-700: #ad0021;
--color-transfusion-800: #82001a;
--color-transfusion-900: #5c0011;
--color-transfusion-950: #3e0004;
}SCSS
$transfusion: #ed0033;
$transfusion-rgb: 237, 0, 51;
$transfusion-light: mix(#fff, $transfusion, 20%);
$transfusion-dark: mix(#000, $transfusion, 20%);
.element {
color: $transfusion;
box-shadow: 0 0 0 2px rgba($transfusion, 0.35);
}