HEX 上記に任意のカラー形式を入力して変換
#3b82f6
rgb(59, 130, 246)
hsl(217, 91%, 60%)
cmyk(76%, 47%, 0%, 4%)
相対輝度
0.2355
白とのコントラスト
3.68:1
黒とのコントラスト
5.71:1
デザイナーと開発者のための最高の無料オンラインカラーピッカーツールをご紹介。機能、対応フォーマット、アクセシビリティチェックを比較して最適なカラーツールを見つけましょう。
コントラスト、状態の見分けやすさ、ブラウザ中心の実用的な手順で、読みやすい UI 配色を作る方法を解説します。