カラー・デザイン無料・登録不要

CSS→Tailwind変換

CSSプロパティをTailwindクラスに変換

CSS

display: flex手動変換

align-items: center手動変換

padding: 1rem手動変換

border-radius: 0.5rem手動変換

font-weight: 700手動変換

関連ツール

カラーパレット生成

配色理論ベースのパレット自動生成

HEX→RGB変換

HEXカラーコードをRGBに変換

CSSグラデーション生成

線形・放射状グラデーションのCSS生成

コントラスト比チェッカー

WCAG準拠のコントラスト比チェック

Box Shadow生成

CSS box-shadowのGUI作成

カラーコード一覧

和色・Web色のカラーコード一覧。HEX/RGB表示