色変換
色変換 for #52F4FE の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 82 | 244 | 254 | |
|---|---|---|---|---|
| HSL | 183.49° | 98.85% | 65.88% | |
| HSV | 183.49° | 67.72% | 99.61% | |
| CMYK | 67.72% | 3.94% | 0% | 0.39% |
| XYZ | 53.7119 | 73.6448 | 105.1308 | |
| Yxy | 73.6448 | 0.231 | 0.3168 | |
| Hunter Lab | 85.8165 | -38.4581 | -12.534 | |
| CIE-Lab | 88.7543 | -38.1493 | -17.0648 | |
| CIE-LCH | 88.7543 | 41.7921 | 204.0997 | |
| CIE-LUV | 88.7543 | -60.0666 | -21.4667 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010010 | 11110100 | 11111110 |
| Octal | 122 | 364 | 376 |
| Decimal | 82 | 244 | 254 |
| Hex | 52 | F4 | FE |
RGB比率
CMYK比率
濃い色 #52F4FE
淡い色 #52F4FE
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#52F4FE の色 黒背景
#52F4FE の色 サンプルテキスト
#52F4FE の色 白背景
#52F4FE の色 サンプルテキスト
#52F4FE CSSコード
.background { background-color: #52F4FE; }
.text { color: #52F4FE; }
.border { border: 3px solid #52F4FE; }
.shadow { box-shadow: 0 8px 28px rgba(82, 244, 254, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト1.34:1低い
黒とのコントラスト15.73:1AAA
Webセーフカラー#66FFFFNear
輝度0.73650-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#52F4FE color
PortuguêsCor #52F4FE
EspañolColor #52F4FE
한국어#52F4FE 색상
日本語#52F4FE の色
中文#52F4FE 颜色
DeutschFarbe #52F4FE
FrançaisCouleur #52F4FE
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #52F4FE の色.
近い色
See シアン系