カラー・デザイン ツール
全32件のツールをご利用いただけます。ファイルやデータは外部に送信されずブラウザ内で安全に処理されます。
変換 8
- CMYK → RGB 画面色シミュレーション印刷用のCMYKインクパーセンテージから、画面上で表示されるRGBおよびHEX近似色を計算・表示します。
- HEX → CMYK 印刷用インク比率概算画面用HEXカラーコードから印刷用のCMYK（シアン、マゼンタ、イエロー、ブラック）パーセント比率を数学的に概算します。
- HEX → HSL カラーコード変換HEXカラーコードを直感的な色相（Hue）・彩度（Saturation）・輝度（Lightness）のHSL形式に変換します。
- HEX → RGB カラーコード変換16進数のHEXカラーコード（#RRGGBB、#RGB）をRGB、HSL、HSV、CMYK形式に即座に変換します。
- HSL → HEX カラーコード変換色相（0〜360度）、彩度（0〜100%）、明度（0〜100%）のHSL指定値をWeb標準のHEXコードに変換します。
- RGB → HEX カラーコード変換赤・緑・青の各チャンネル数値（0〜255）をWeb標準の6桁16進数HEXコードに変換します。
確認・抽出 24
- 2色 CSS線形グラデーション生成開始色と終了色、角度を指定して、Webサイト用のCSS線形グラデーションコードを即座に作成します。
- 2色カラーブレンダー・混色計算機2つの色を指定した比率で線形補間し、中間の混色カラーを正確に算出します。
- CSSカスタムプロパティ (:root) パレット生成「名前 色」のリストから、そのままコピペできるCSSカスタムプロパティ（:root変数）コードを生成します。
- CSS円形・放射グラデーション生成中心から外側へ広がる円形（circle）または楕円形（ellipse）のCSS放射グラデーションを作成します。
- SVGカラー一括置換ツールSVGマークアップ内のfill、stroke、stop-colorなどの色指定文字列を高速に検索・置換します。
- Tailwind CSS テーマカラー設定生成1つの基準色から3〜11段階（100〜900番台）のTailwind設定オブジェクトを自動生成します。