色名 · #FFFF55
Pīlā Yellow
Pīlā Yellowは#FFFF55：rgb(255 255 85)、hsl(60 100% 67%)、oklch(0.971 0.183 109.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Pīlā Yellow color name →
#FFFF55
oklch(0.971 0.183 109.4)
カラー変換
- HEX
- #ffff55
- RGB
- rgb(255 255 85)
- HSL
- hsl(60 100% 67%)
- HWB
- hwb(60 33% 0%)
- OKLCH
- oklch(0.971 0.183 109.4)
- OKLab
- oklab(0.971 -0.061 0.173)
- CIE Lab
- lab(97.83 -14.22 76.79)
- LCH
- lch(97.83 78.09 100.5)
- CMYK
- cmyk(0% 0% 67% 0%)
ティント · シェード · トーン
ティント
- FFFF6F
- FEFF84
- FEFF97
- FEFFA8
- FEFFB8
- FEFFC7
- FEFFD6
- FEFFE4
- FFFFF1
シェード
- DEDE49
- BEBE3D
- 9E9E31
- 808026
- 63631C
- 484811
- 2E2E08
- 161602
- 030300
トーン
- F1F260
- E4E569
- D7D86F
- CACB74
- BDBE78
- B0B27B
- A4A57E
- 98997F
- 8C8C80
カラーハーモニー
補色 +180°
- FFFF55
Pīlā Yellow
- F5F4FF
≈ Sugar Crystal
類似色 -30° +30°
- FFFF55
Pīlā Yellow
- FFF4E3
≈ Silky Tofu
- E3FFDC
≈ Frosted Plains
トライアド +120° +240°
- FFFF55
Pīlā Yellow
- EAF8FF
≈ Clear Skies
- FFF1F7
≈ Lavender Blush
スプリットコンプリメンタリー +150° +210°
- FFFF55
Pīlā Yellow
- F0F6FF
≈ Cotton Ball
- FCF1FF
≈ Pinkish White
テトラード +90° +180° +270°
- FFFF55
Pīlā Yellow
- DAFEFF
≈ Cold Canada
- F5F4FF
≈ Sugar Crystal
- FFF2F2
≈ Sefid White
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.06:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 19.68:1 · APCA Lc 103
最適な文字色: #000000
WCAG 19.68:1 (AAA) · APCA Lc 103
Contrast pairs
コードスニペット
CSS
:root {
--pila-yellow: #ffff55;
--pila-yellow-rgb: 255 255 85;
--pila-yellow-oklch: oklch(0.971 0.183 109.4);
}
.element {
color: var(--pila-yellow);
background-color: hsl(60 100% 67%);
border-color: oklch(0.971 0.183 109.4);
}Tailwind CSS v4
@theme {
--color-pila-yellow: #ffff55;
--color-pila-yellow-50: #f6fbbe;
--color-pila-yellow-100: #e9eea7;
--color-pila-yellow-200: #d7dc7d;
--color-pila-yellow-300: #bbc041;
--color-pila-yellow-400: #a8a500;
--color-pila-yellow-500: #918c00;
--color-pila-yellow-600: #7b7700;
--color-pila-yellow-700: #625f00;
--color-pila-yellow-800: #4a4500;
--color-pila-yellow-900: #343000;
--color-pila-yellow-950: #1f1c00;
}SCSS
$pila-yellow: #ffff55;
$pila-yellow-rgb: 255, 255, 85;
$pila-yellow-light: mix(#fff, $pila-yellow, 20%);
$pila-yellow-dark: mix(#000, $pila-yellow, 20%);
.element {
color: $pila-yellow;
box-shadow: 0 0 0 2px rgba($pila-yellow, 0.35);
}