無料のデザイン・カラーツール
HEX、RGB、HSL、HSV、CMYK 間の色変換、パレットや配色の作成、アクセシビリティのための文字コントラスト確認、CSS グラデーションやボックスシャドウの生成、px から rem への変換ができます。
7 個のツール
カラーコード変換
HEX・RGB・HSL・HSV・CMYK の間で色を変換します。
カラーパレット生成
配色と 50–950 の色階を作成し、CSS・SCSS・Tailwind で書き出し。
カラーホイール配色
インタラクティブなカラーホイールで配色を選び、サンプル画面でプレビュー。
CSS グラデーション生成
複数のカラーストップで線形・円形・扇形のグラデーションを作り、CSS をコピー。
コントラストチェッカー
文字色と背景色を WCAG AA / AAA 基準でチェックします。
ボックスシャドウ生成
複数レイヤー・内側の影に対応した CSS box-shadow をプレビューしながら作成。
px ↔ rem 変換
px、rem、em、pt、%、vw を変換。スタイルシート全体を px から rem に変換。