カラーコンバーター
HEX、RGB、HSL、CMYKカラーフォーマットを即座に変換。デザイナーと開発者のための無料オンラインカラー変換ツール。
リアルタイム変換 複数フォーマット パレット生成 アクセシビリティ情報 使いやすい 超高速処理
HEX 上記に任意のカラー形式を入力して変換
カラープレビュー
#3b82f6
すべてのカラー形式
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)CMYK
cmyk(76%, 47%, 0%, 4%)CSSコード
color:#3b82f6;
background-color:#3b82f6;
color:rgb(59, 130, 246);
color:hsl(217, 91%, 60%);
カラー情報
相対輝度
0.2355
白とのコントラスト
3.68:1
不合格黒とのコントラスト
5.71:1
AAカラーパレット
補色
類似色
シェード
ティント
カラーコンバーターの機能
リアルタイム変換対応の包括的なカラー変換ツール。
リアルタイム変換
入力と同時に変換結果を表示。
複数フォーマット
HEX、RGB、HSL、CMYKの精密変換。
パレット生成
補色、類似色、トライアド配色を自動生成。
アクセシビリティ情報
WCAGコントラスト比とアクセシビリティ評価を表示。
使いやすい
誰でも簡単に使える直感的なインターフェース。
超高速処理
待つことなく瞬時に処理を完了します。
関連記事
Design
2026年 最高の無料オンラインカラーピッカーツール
デザイナーと開発者のための最高の無料オンラインカラーピッカーツールをご紹介。機能、対応フォーマット、アクセシビリティチェックを比較して最適なカラーツールを見つけましょう。
•7 分で読めます
デザイン
CSSグラデーションをオンラインで作る方法：実用的なデザイン手順
オンラインのCSSグラデーション作成ツールで、意図ある色停止点、読みやすいコントラスト、再利用可能なCSSを作る方法を紹介します。
•4 分で読めます
Design
オンラインでHEXをRGBに変換する方法
無料のオンラインカラーコンバーターツールを使用して、HEXカラーコードをRGB値にすばやく変換する方法を学びます。
•5 分で読めます
よくある質問
よくある質問に対する回答を確認できます。