カラーピッカー、HEX/RGB変換、グラデーション生成などのデザインツール
20 ツール
カラーピッカーで色を選び、HEX/RGB/HSL値を取得します。
RGB値をHEX(16進数)カラーコードに変換します。
HEXカラーコードをRGB値に変換します。
2色と角度からCSSグラデーションを生成します。
CSS box-shadowをビジュアルに編集して生成します。
四隅ごとに角丸を調整できるCSSジェネレーター。
ベース色から5段階のカラーパレットを生成します。
CSSコードから空白とコメントを削除して圧縮します。
CSS text-shadowをプレビュー付きで生成します。
レスポンシブなclamp()関数を簡単に生成。
Flexboxプロパティをプレビューしながら生成。
列数・行数・gapを指定してCSS Gridを生成。
CSSのborderを使った三角形を生成します。
色・角丸・余白を調整してCSSボタンを生成。
不透明度(%)をHEXカラーの末尾2桁に変換します。
2色のコントラスト比とWCAG準拠を判定。
ベース色から補色(反対色)を計算します。
HSL値をHEXカラーコードに変換します。
CSS box-shadowをプレビュー付きで生成。
2色を指定の割合でブレンドします。
