カラー
色の変換・確認・生成
HEX/RGB/HSL
HEX⇔RGB⇔HSL変換
カラーコードを3つの表記形式で同時に表示・相互変換
コントラスト比コントラスト比チェック
文字色と背景色の組み合わせがWCAG基準を満たすか判定
明度・彩度明度・彩度調整ツール
基準色の明るさ・鮮やかさをスライダー感覚で調整
パレットカラーパレット生成
基準色から補色・トライアド・類似色・濃淡パレットを一括生成
単位・サイズ
px・rem・mm・DPIの変換
px/rem/em
px⇔rem⇔em変換
基準フォントサイズをもとにCSSの単位を相互変換
px/mm/DPIpx⇔mm・DPI計算
解像度（DPI）を指定してピクセルとミリメートルを変換
入稿解像度印刷入稿解像度チェック
画像サイズと印刷サイズから実効DPIと入稿適性を判定
比率
アスペクト比・拡大縮小・グラデーション
アスペクト比
アスペクト比計算
縦横比を約分して表示。幅・高さの連動計算にも対応
拡大縮小率拡大縮小率計算
元サイズと目標サイズから拡大縮小の倍率（%）を計算
グラデーショングラデーションCSS生成
色と方向を選ぶだけでlinear/radial-gradientのコードを生成
すべてブラウザ内で完結します。
入力した内容がサーバーへ送信されることはありません。制作中のカラーコードやサイズも安心して入力できます。