カラーエクスプローラー
公開日: 2014/10/07 | 更新日:
色を解析するウェブサービスです。輝度、明度の調整、AdobeRGB、補色、反転色の抽出、カラースキームの作成などに対応しています。
カラーコード
| Hex | |
|---|---|
| RGB (0-255) | |
| HSL (%) | |
| HSV (%) | |
| XYZ | |
| Yxy | |
| CMY (0-1) | |
| CMYK (0-1) | |
| Hunter-Lab | |
| CIE-L*ab | |
| CIE-L*ch | |
| CIE-L*uv | |
| Color Name (Name) | |
| Web Safe Color (Hex) | |
| AdobeRGB (Hex) | |
| Flat UI Color (Hex) | |
| Material Color (Hex) | |
| Brand Color (Name) |
色の調整
Lightness
Brightness
カラースキーム
Shade
Tint
Tone
Monochromatic
Analogous
Complement
Triad
Tetrad
Split Complementary
使用例
あいうえお かきくけこ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
あいうえお かきくけこ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
あいうえお かきくけこ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
あいうえお かきくけこ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
ヒント
使い方
- 気になった色をクリックすると、その色の情報に切り替わります。
- カラーコードの項目名をクリックすると、表記方法が切り替わります。
- カラーコードの右側にある矢印をクリックすると、値を調整できます。
- 画面上部の「履歴」をクリックすると、今まで表示した色一覧が表示されます。
注意事項
各種、カラーコードは、完璧な互換性がありません。あくまでも、参考として、ご利用下さい。