カラーコントラストチェッカー
背景色と文字色のコントラスト比を即時計算。WCAG 2.1のAA/AAA基準の合否をリアルタイム判定し、自動調…
制作ツール
すぐに使えるWeb制作・デザイン向け無料ツールをまとめて紹介しています。
Color Tools
CSS color-mix() ツール
2色と混合比率を指定してcolor-mix()の結果をリアルタイムでプレビュー。CSSコードをそのままコピーで…
CSSグラデーションジェネレーター
2色以上のカラーノードをドラッグして作るCSSグラデーション生成ツール。線形・放射状・扇形、Oklab補間、テ…
カラースケール生成ツール
HEXカラーを入力するだけで、50〜950の11段階カラースケールとCSS変数コードを自動生成。アクセシビリテ…
画像カラーピッカー
画像から主要カラーを自動抽出してパレット化。使用割合の表示やスポイトでの色取得にも対応した無料ツール。
カラーコード一括変換ツール
複数のカラーコードをまとめて一括変換。HEX・RGB・HSL・HSV・CMYK・CSS変数形式に対応した変換ツ…