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