100% ブラウザ内で完結
カラーツール
デザイナーと開発者のための無料のカラーツールです。HEX・RGB・HSL・CMYK・HSVなどの相互変換、調和の取れたパレットの作成、WCAGコントラストのチェック、色の混合やシェードの生成、最も近い色名の検索が行えます。
◑
カラーパレットジェネレーター
任意のベースカラーから補色・類似色・トライアド・テトラードのパレットを生成します。
◐カラーコントラストチェッカー
テキストと背景色のWCAGコントラスト比をチェックし、AA/AAAの判定を表示します。
◓カラーミキサー
2つの色を調整可能な比率で混合し、結果のHEX値を取得します。
▦カラーシェード＆ティント
任意のベースカラーから、明るいティントと暗いシェードの範囲を生成します。
🎨CSS名前付きカラー
140色以上のCSS名前付きカラーとそのHEX値を閲覧・検索できます。
⚂ランダムカラージェネレーター
ランダムな色を生成し、HEX・RGB・HSLで表示します。
◔色覚異常シミュレーター
1型色覚・2型色覚・3型色覚で色がどう見えるかをシミュレートします。
#αHEX ⇄ RGBA
アルファ付きのHEXカラーコードとrgba()表記を相互変換し、ライブプレビューを表示します。
#?CSSカラー形式変換
1つの色をhex、rgb()、hsl()、hwb()のすべてのCSS形式で表示します。
twTailwindパレットジェネレーター
任意のベースカラーからTailwind風の50〜950の濃淡スケールを生成します。
🖼◑画像カラー抽出ツール
アップロードした画像から主要な色をhexスウォッチとして抽出します。
◐◑デュオトーンジェネレーター
2色のデュオトーングラデーションを、コピー可能なCSS付きで作成します。
cmykCMYK→RGB 変換ツール
CMYK と RGB/HEX の色を相互変換し、ライブで色見本を表示します。
hsvHSV / HSB 変換ツール
HSV/HSB と RGB/HEX の色を相互変換し、ライブで色見本を表示します。
◑?最も近い CSS 名前付き色
選んだ色に最も近い CSS 名前付き色を検索します。
#abcテキストから色を生成
任意のテキスト文字列から決定論的な色を生成します。