This color
入力した色
#3B82F6
コピーしました
デザイン
カラーコード変換 & 補色
HEXから反転色・補色を出し、RGBA/HSLA/CMYKAなどに変換
Share
カラー入力
HEX を入力するかカラーピッカーで選ぶと、反転色と補色を含め各色コードに変換します。
出力形式
必要な形式を選ぶと各色カードに反映されます。
Invert
反転色
#C47D09
コピーしました
Complementary
補色
#F6AF3B
コピーしました
よく使うフォーマット
- RGBA: CSS の背景色・影色などで透明度を含めて指定したいときに。
- CMYKA: 印刷入稿データの下準備で、CMYK 値 + 透明度を確認できます。
- HSVA / HSLA: カラーパレットを調整するときに色相を一定に保ちやすくなります。
- HWBA: CSS Color Level 4 で導入された形式で、白浮きや黒寄りを直感的に把握するのに便利です。