色変換
色変換 for #FECB00 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 254 | 203 | 0 | |
|---|---|---|---|---|
| HSL | 47.95° | 100% | 49.8% | |
| HSV | 47.95° | 100% | 99.61% | |
| CMYK | 0% | 20.08% | 100% | 0.39% |
| XYZ | 62.2331 | 63.7871 | 9.0344 | |
| Yxy | 63.7871 | 0.4608 | 0.4723 | |
| Hunter Lab | 79.8668 | -0.6789 | 49.2026 | |
| CIE-Lab | 83.8548 | 3.7659 | 84.9313 | |
| CIE-LCH | 83.8548 | 85.0148 | 87.4611 | |
| CIE-LUV | 83.8548 | 43.7274 | 87.6736 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11111110 | 11001011 | 00000000 |
| Octal | 376 | 313 | 0 |
| Decimal | 254 | 203 | 0 |
| Hex | FE | CB | 00 |
RGB比率
CMYK比率
濃い色 #FECB00
淡い色 #FECB00
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#FECB00 の色 黒背景
#FECB00 の色 サンプルテキスト
#FECB00 の色 白背景
#FECB00 の色 サンプルテキスト
#FECB00 CSSコード
.background { background-color: #FECB00; }
.text { color: #FECB00; }
.border { border: 3px solid #FECB00; }
.shadow { box-shadow: 0 8px 28px rgba(254, 203, 0, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト1.53:1低い
黒とのコントラスト13.76:1AAA
Webセーフカラー#FFCC00Near
輝度0.63780-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#FECB00 color
PortuguêsCor #FECB00
EspañolColor #FECB00
한국어#FECB00 색상
日本語#FECB00 の色
中文#FECB00 颜色
DeutschFarbe #FECB00
FrançaisCouleur #FECB00
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #FECB00 の色.
近い色
See 黄色系