最も近い色名 · #010803
#010803
最も近い色名: Jedi Night
#010803（rgb(1 8 3)、hsl(137 78% 2%)、oklch(0.12 0.025 154.6)）に最も近い色名はJedi Nightです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#010803
oklch(0.12 0.025 154.6)
カラー変換
- HEX
- #010803
- RGB
- rgb(1 8 3)
- HSL
- hsl(137 78% 2%)
- HWB
- hwb(137 0% 97%)
- OKLCH
- oklch(0.12 0.025 154.6)
- OKLab
- oklab(0.12 -0.022 0.011)
- CIE Lab
- lab(1.68 -2.42 1.22)
- LCH
- lch(1.68 2.71 153.2)
- CMYK
- cmyk(88% 0% 63% 97%)
ティント · シェード · トーン
ティント
- 101B13
- 253029
- 3D463F
- 555E58
- 6F7771
- 8A908C
- A6ABA7
- C3C6C4
- E1E2E1
シェード
- 010602
- 010402
- 000301
- 000201
- 000100
- 000100
- 000000
- 000000
- 000000
トーン
- 07120B
- 131C16
- 1F2821
- 2B332E
- 383F3A
- 464B47
- 545855
- 626563
- 717271
カラーハーモニー
補色 +180°
- 010803
Jedi Night
- 0B0309
≈ Broken Tube
類似色 -30° +30°
- 010803
Jedi Night
- 040701
≈ Liquorice
- 000807
≈ Black Metal
トライアド +120° +240°
- 010803
Jedi Night
- 04050F
≈ Eight Ball
- 0D0302
≈ Liquorice
スプリットコンプリメンタリー +150° +210°
- 010803
Jedi Night
- 08040D
≈ Broken Tube
- 0D0305
≈ Pupil
テトラード +90° +180° +270°
- 010803
Jedi Night
- 01060E
≈ Eight Ball
- 0B0309
≈ Broken Tube
- 0C0400
≈ Liquorice
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 20.24:1 · APCA Lc 106
Ag
Fail黒の上
WCAG 1.03:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 20.24:1 (AAA) · APCA Lc 106
Contrast pairs
コードスニペット
CSS
:root {
--jedi-night: #010803;
--jedi-night-rgb: 1 8 3;
--jedi-night-oklch: oklch(0.12 0.025 154.6);
}
.element {
color: var(--jedi-night);
background-color: hsl(137 78% 2%);
border-color: oklch(0.12 0.025 154.6);
}Tailwind CSS v4
@theme {
--color-jedi-night: #010803;
--color-jedi-night-50: #f0f7f2;
--color-jedi-night-100: #e2eae4;
--color-jedi-night-200: #ccd8d0;
--color-jedi-night-300: #aebbb2;
--color-jedi-night-400: #94a398;
--color-jedi-night-500: #7a8b7f;
--color-jedi-night-600: #67766c;
--color-jedi-night-700: #535e56;
--color-jedi-night-800: #3c453e;
--color-jedi-night-900: #29302b;
--color-jedi-night-950: #171c18;
}SCSS
$jedi-night: #010803;
$jedi-night-rgb: 1, 8, 3;
$jedi-night-light: mix(#fff, $jedi-night, 20%);
$jedi-night-dark: mix(#000, $jedi-night, 20%);
.element {
color: $jedi-night;
box-shadow: 0 0 0 2px rgba($jedi-night, 0.35);
}