カラーコードの変換（HEX・RGB・HSL）
カラーコード（#1d4ed8）・RGB・HSL・色名を相互に変換し、色見本と、明るく・暗くした色も表示します。
- 登録不要・無料
- ブラウザ内で処理
- データ送信なし
色見本（HEX）
-
RGB
-
HSL
-
明るくした色（+20%）
-
暗くした色（−20%）
-
補色
-
関連ツール
Web制作・SNS コントラスト比のチェック（WCAG） 文字色と背景色のコントラスト比を計算し、WCAG 2.x の AA・AAA 基準を満たすかを判定します。読みやすい配色の確認に。 Web制作・SNS box-shadow の作成 影のずれ・ぼかし・広がり・色・透明度を指定して、CSS の box-shadow を作成します。ふんわりした影のプリセット付き。 Web制作・SNS CSS clamp() の計算（レスポンシブな文字サイズ） 画面幅に応じて文字サイズなどを滑らかに変える CSS の clamp() を、最小・最大のサイズと画面幅から計算します。 Web制作・SNS HTML の表（table タグ）の作成 Excel からコピーした表や CSV を、HTML の table タグに変換します。1行目を見出し（th）にできます。