色名 · #FEFF00
Bat-Signal
Bat-Signalは#FEFF00：rgb(254 255 0)、hsl(60 100% 50%)、oklch(0.967 0.211 110.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Bat-Signal color name →
#FEFF00
oklch(0.967 0.211 110.1)
カラー変換
- HEX
- #feff00
- RGB
- rgb(254 255 0)
- HSL
- hsl(60 100% 50%)
- HWB
- hwb(60 0% 0%)
- OKLCH
- oklch(0.967 0.211 110.1)
- OKLab
- oklab(0.967 -0.072 0.198)
- CIE Lab
- lab(97.53 -16.15 93.29)
- LCH
- lch(97.53 94.68 99.8)
- CMYK
- cmyk(0% 0% 100% 0%)
ティント · シェード · トーン
ティント
- FEFF4B
- FEFF6B
- FDFF83
- FDFF99
- FDFFAC
- FEFFBE
- FEFFCF
- FEFFE0
- FEFFF0
シェード
- DDDE00
- BDBE00
- 9E9E00
- 808000
- 636300
- 474800
- 2D2E00
- 161600
- 030300
トーン
- F0F237
- E3E54C
- D6D85A
- C9CB64
- BCBF6C
- B0B273
- A3A577
- 97997B
- 8C8C7E
カラーハーモニー
補色 +180°
- FEFF00
Bat-Signal
- F4F3FF
≈ Cloud Break
類似色 -30° +30°
- FEFF00
Bat-Signal
- FFF3DE
≈ Pale Pearl
- DFFFD8
≈ Transparent Green
トライアド +120° +240°
- FEFF00
Bat-Signal
- E8F7FF
≈ Clear Skies
- FFEFF6
≈ Lavender Blush
スプリットコンプリメンタリー +150° +210°
- FEFF00
Bat-Signal
- EEF5FF
≈ Placebo Blue
- FCEFFF
≈ Lovely Euphoric Delight
テトラード +90° +180° +270°
- FEFF00
Bat-Signal
- D6FDFF
≈ Salt Mountain
- F4F3FF
≈ Cloud Break
- FFF0F0
≈ Sefid White
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.07:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 19.51:1 · APCA Lc 103
最適な文字色: #000000
WCAG 19.51:1 (AAA) · APCA Lc 103
Contrast pairs
コードスニペット
CSS
:root {
--bat-signal: #feff00;
--bat-signal-rgb: 254 255 0;
--bat-signal-oklch: oklch(0.967 0.211 110.1);
}
.element {
color: var(--bat-signal);
background-color: hsl(60 100% 50%);
border-color: oklch(0.967 0.211 110.1);
}Tailwind CSS v4
@theme {
--color-bat-signal: #feff00;
--color-bat-signal-50: #f6fcb6;
--color-bat-signal-100: #e9f09c;
--color-bat-signal-200: #d6dd6c;
--color-bat-signal-300: #bbc115;
--color-bat-signal-400: #a8a600;
--color-bat-signal-500: #928d00;
--color-bat-signal-600: #7c7700;
--color-bat-signal-700: #636000;
--color-bat-signal-800: #4b4500;
--color-bat-signal-900: #343000;
--color-bat-signal-950: #201c00;
}SCSS
$bat-signal: #feff00;
$bat-signal-rgb: 254, 255, 0;
$bat-signal-light: mix(#fff, $bat-signal, 20%);
$bat-signal-dark: mix(#000, $bat-signal, 20%);
.element {
color: $bat-signal;
box-shadow: 0 0 0 2px rgba($bat-signal, 0.35);
}