シンプルで、すぐに使える
中文
EN
日本語
ツールを検索
Ctrl K
中文
EN
日本語
EveryTools
カラー・配色
色の変換、配色生成、コントラスト確認、画像の色分析を行うツールです。
ツール名や目的から検索
Ctrl K
カテゴリー
すべてのツール
エンコード
暗号・ハッシュ
フォーマット
時間・日付
テキストツール
データ変換
画像・グラフィック
QRコード・バーコード
開発ツール
カラー・配色
計算ツール
生活ツール
ドキュメントツール
お楽しみ・その他
カラー・配色
カラー変換
3桁・6桁の HEX 色を RGB と HSL に変換します。
カラーピッカー
色を選択・入力し、HEX・RGB・HSL 表記を比較します。
コントラスト検査
不透明な HEX 2色の相対輝度コントラスト比を計算します。
カラーパレット生成
HEX の基準色から4種類の HSL 配色を生成します。
グラデーション生成
2色の線形・円形放射グラデーションをプレビューし CSS をコピーします。
CSSシャドウと角丸
2層シャドウ、枠線、角丸を調整し、プレビューとCSSを生成します
色の混合
2つの HEX 色を RGB チャンネル値で補間します。
色階生成
HEX 基準色の明暗バリエーションを HSL で生成します。
ランダムカラー生成
24ビットのランダム RGB 色と HEX・HSL を生成します。
画像から配色抽出
画像をサンプリングし、主な色のグループを最大8色抽出します。
CSS名前付き色検索
CSS の色名に対応する HEX/RGB を調べます。
Tailwindカラーパレット
同梱 Tailwind CSS 4.3.3 の色トークンを参照します。
LAB/LCH変換
D65 基準白色点で sRGB と Lab/LCH の数値を変換します。
色覚シミュレーター
単一 HEX 色に対する色覚変換の近似を表示します。
CSSカラー名
CSS標準の148色を検索し、値をコピーします