デザイン・カラー
色や配色、ちょっとしたデザインのお供に。
- カラーピッカー 色を選んで、HEX、RGB、HSL、OKLCH、CMYKのコードをコピーできます。
- カラーコード変換 HEX、RGB、HSL、HWB、LAB、OKLCH、CMYKの間で色を変換します。
- カラーパレット ジェネレーター 調和のとれた配色を作成し、CSS、JSON、PNGで書き出せます。
- CSSグラデーション ジェネレーター 線形・放射・円錐のCSSグラデーションをデザインして、コードをコピーできます。
- コントラストチェッカー 文字色と背景色のWCAGコントラスト比をチェックします。
- 画像の色抽出 画像から主な色のパレットを取り出し、カラーコードをコピーできます。
- ボックスシャドウ ジェネレーター やわらかく重なったCSSのbox-shadowをデザインして、コードをコピーできます。
- SVG PNG変換 SVGファイルを、好きなサイズのPNG、JPG、WebPに変換します。