HTMLカラーピッカー
利用可能色を選んでライブプレビューし、HEX・RGB・HSLの値をすぐにコピーできます。
ツールを開く →
カテゴリ
カラー & 画像
カラーピッカー、配色作成、画像調整など、日常的なビジュアル作業を支えるツールです。
カテゴリ概要
カラーピッカー、配色作成、画像調整など、日常的なビジュアル作業を支えるツールです。 ホームからカテゴリ、ガイド、ツールへ自然に移動できる構成です。
このカテゴリが役立つ理由
- 素早いブラウザ作業に向いています。
- ツールとガイドをまとめて案内します。
- 初心者にも読みやすい構成です。
すべてのツール
このカテゴリのツール
カラーピッカー、配色作成、画像調整など、日常的なビジュアル作業を支えるツールです。
画像カラー抽出
利用可能画像をアップロードして任意の場所をクリックし、正確な色を読み取れます。
ツールを開く →
パレットジェネレーター
利用可能ベースカラーからUI、ブランディング、コンテンツ向けの整った配色を作成します。
ツールを開く →
コントラストチェッカー
利用可能文字色と背景色を比較し、コントラスト比とWCAGレベルを確認できます。
ツールを開く →
グラデーションジェネレーター
利用可能色と角度を調整して、すぐ使えるCSSグラデーションを生成します。
ツールを開く →
CSS変数ジェネレーター
利用可能カラートークンを整理し、プレビューしながらCSS変数をコピーできます。
ツールを開く →
画像圧縮
利用可能ブラウザ内でJPGやPNGを圧縮し、実用的な画質バランスを保てます。
ツールを開く →
WebP変換
利用可能一般的な画像ファイルを軽量なWebPへブラウザ内で変換できます。
ツールを開く →
画像リサイズ
利用可能目標サイズを指定して、WebやSNS向けのPNGまたはJPGを書き出せます。
ツールを開く →
ガイド
関連ガイド
画像形式、マーケティングリンク、開発作業の基本的な背景を短く説明します。
カテゴリ
さらに見る
ホームからカテゴリ、ガイド、ツールへ自然に移動できる構成です。