色名 · #FF1122
Superman Red
Superman Redは#FF1122：rgb(255 17 34)、hsl(356 100% 53%)、oklch(0.632 0.253 27)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Superman Red color name →
#FF1122
oklch(0.632 0.253 27)
カラー変換
- HEX
- #ff1122
- RGB
- rgb(255 17 34)
- HSL
- hsl(356 100% 53%)
- HWB
- hwb(356 7% 0%)
- OKLCH
- oklch(0.632 0.253 27)
- OKLab
- oklab(0.632 0.225 0.115)
- CIE Lab
- lab(54.81 79.86 59.01)
- LCH
- lch(54.81 99.29 36.5)
- CMYK
- cmyk(0% 93% 87% 0%)
ティント · シェード · トーン
ティント
- FF443F
- FF6056
- FF786C
- FF8E81
- FFA296
- FFB5AB
- FFC8C0
- FFDBD5
- FFEDEA
シェード
- DE0D1C
- BE0916
- 9E0611
- 80040B
- 630207
- 480103
- 2E0001
- 160000
- 030000
トーン
- F43332
- E9443E
- DD5148
- D25B52
- C6645A
- B96B63
- AC716A
- 9E7772
- 907C79
カラーハーモニー
補色 +180°
- FF1122
Superman Red
- 009CAB
≈ Lake Blue
類似色 -30° +30°
- FF1122
Superman Red
- F4118C
≈ Fabulous Fuchsia
- CD6D00
≈ Sludge
トライアド +120° +240°
- FF1122
Superman Red
- 00A63C
≈ Poetic Green
- 547FFF
≈ C64 NTSC
スプリットコンプリメンタリー +150° +210°
- FF1122
Superman Red
- 00A188
≈ Reptilian Green
- 0094D2
≈ Rich Electric Blue
テトラード +90° +180° +270°
- FF1122
Superman Red
- 859400
≈ Snakes in the Grass
- 009CAB
≈ Lake Blue
- 9C5FFF
≈ Irrigo Purple
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.92:1 · APCA Lc 64
Ag
AA黒の上
WCAG 5.35:1 · APCA Lc 38
最適な文字色: #000000
WCAG 5.35:1 (AA) · APCA Lc 38
Contrast pairs
コードスニペット
CSS
:root {
--superman-red: #ff1122;
--superman-red-rgb: 255 17 34;
--superman-red-oklch: oklch(0.632 0.253 27);
}
.element {
color: var(--superman-red);
background-color: hsl(356 100% 53%);
border-color: oklch(0.632 0.253 27);
}Tailwind CSS v4
@theme {
--color-superman-red: #ff1122;
--color-superman-red-50: #ffdacc;
--color-superman-red-100: #ffc7b7;
--color-superman-red-200: #ffa794;
--color-superman-red-300: #ff7a67;
--color-superman-red-400: #ff4742;
--color-superman-red-500: #ff0000;
--color-superman-red-600: #db0003;
--color-superman-red-700: #b10005;
--color-superman-red-800: #84000a;
--color-superman-red-900: #5e0007;
--color-superman-red-950: #3f0000;
}SCSS
$superman-red: #ff1122;
$superman-red-rgb: 255, 17, 34;
$superman-red-light: mix(#fff, $superman-red, 20%);
$superman-red-dark: mix(#000, $superman-red, 20%);
.element {
color: $superman-red;
box-shadow: 0 0 0 2px rgba($superman-red, 0.35);
}