色変換
色変換 for #007EEE の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 0 | 126 | 238 | |
|---|---|---|---|---|
| HSL | 208.24° | 100% | 46.67% | |
| HSV | 208.24° | 100% | 93.33% | |
| CMYK | 100% | 47.06% | 0% | 6.67% |
| XYZ | 22.8876 | 21.0916 | 83.7371 | |
| Yxy | 21.0916 | 0.1792 | 0.1651 | |
| Hunter Lab | 45.9256 | 8.5872 | -75.9145 | |
| CIE-Lab | 53.0496 | 13.4418 | -64.1871 | |
| CIE-LCH | 53.0496 | 65.5795 | 281.8277 | |
| CIE-LUV | 53.0496 | -29.5126 | -101.2797 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00000000 | 01111110 | 11101110 |
| Octal | 0 | 176 | 356 |
| Decimal | 0 | 126 | 238 |
| Hex | 00 | 7E | EE |
RGB比率
CMYK比率
濃い色 #007EEE
淡い色 #007EEE
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#007EEE の色 黒背景
#007EEE の色 サンプルテキスト
#007EEE の色 白背景
#007EEE の色 サンプルテキスト
#007EEE CSSコード
.background { background-color: #007EEE; }
.text { color: #007EEE; }
.border { border: 3px solid #007EEE; }
.shadow { box-shadow: 0 8px 28px rgba(0, 126, 238, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト4.02:1大きな文字
黒とのコントラスト5.22:1AA
Webセーフカラー#0066FFNear
輝度0.21090-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#007EEE color
PortuguêsCor #007EEE
EspañolColor #007EEE
한국어#007EEE 색상
日本語#007EEE の色
中文#007EEE 颜色
DeutschFarbe #007EEE
FrançaisCouleur #007EEE
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #007EEE の色.
近い色
See 青系