fiokit.

グラフィック

色を変換して、デザインに使う値を準備できます。

7 ツール

◈

色変換:HEX・RGB・HSL・CMYK

HEX、RGB、RGBA、HSL、CMYK を相互変換します。色をプレビューし、ウェブデザインやグラフィック制作に使うカラー値をコピーできます。

グラフィック
◈

画像エディター

縦横比を調整しながら画像のサイズ変更、切り抜き、回転をオンラインで行い、PNG でダウンロードできます。

グラフィック
◈

WCAG AA・AAA コントラストチェック

WCAG 2.2 の AA・AAA 基準に照らして色のコントラストを確認できます。文字サイズごとのプレビューと、アクセシビリティに配慮した代替色も確認できます。

グラフィック
◈

カラーパレット生成

調和する配色を作成したり、画像から主要な色を抽出したりして、CSS 変数として書き出せます。

グラフィック
◈

ファビコン・アプリアイコン生成

画像からファビコンの ICO、各サイズの PNG とアプリアイコンを作成し、サイト用アイコン一式としてダウンロードできます。

グラフィック
◈

画像形式変換

PNG、JPEG、WebP の画像をオンラインで変換します。出力形式を選び、元のピクセル寸法を保持できます。

グラフィック
◈

画像圧縮

画質を自動確認しながら画像のファイルサイズを削減します。既定の WebP、または PNG・JPEG を選び、結果を比較してダウンロードできます。

グラフィック