ToolForge

パレットを CSS 変数に

カラーリストを CSS 変数・SCSS 変数・Tailwind 設定に書き出します。

使い方

色（1行1つの HEX）を入力し形式を選ぶとコードがリアルタイムに生成されます。

関連ツール

ランダムアバター生成任意の文字列からユニークな幾何学アバターを生成。 有機形状生成有機的な SVG シェイプを生成し、コピーまたはダウンロード。 角丸 CSS 生成4 つの角の半径をスライダーで調整し CSS を生成。 Box Shadow 生成機水平/垂直オフセット、ぼかし、広がり、色と透明度を調整して box-shadow を生成。リアルタイムプレビューとコピー。 クリップパスジェネレーター形状を選んでパラメータを調整すると clip-path コードがリアルタイム生成されます。 オンライン取色器色相・彩度・明度スライダーと HEX 入力で正確に選色。

Data is processed entirely in your browser; nothing is uploaded to our servers.