デザインツール
カラーコードを変換し、アスペクト比を確かめ、グラデーションを作る。ビジュアルまわりの小さな計算をすばやく片づけます。
デザインツールすべて
Aspect Ratio Calculator
Find and compare aspect ratios (16:9, 4:3, 21:9, 9:16, A4, golden). Enter any side to get matching dimensions plus copy-ready CSS aspect-ratio values.
Image Compressor
Compress JPEG, PNG, and WebP images in your browser — 100% local, no upload. Side-by-side before/after preview and a quality slider for live size-vs-quality decisions.
関連カテゴリ
よくある質問
どんなデザインツールがありますか？
3つあります。いずれもブラウザ内で完結します。カラー変換（HEX／RGB／HSL の相互変換、WCAG AA・AAA のコントラスト比、最も近い CSS 名前付き色）、アスペクト比計算（16:9・4:3・21:9・9:16・A4・黄金比。片方の辺を入れるともう片方が出ます）、画像圧縮（JPEG・PNG・WebP）。
どれを使えばいいですか？
色を決めたい、文字が背景の上で読めるか確かめたい——カラー変換です。感覚に頼らず WCAG のコントラスト値がそのまま出ます。コンテナの寸法を決める、CSS の aspect-ratio を書く——アスペクト比計算。画像が重すぎて載せられない——画像圧縮で、品質スライダーを動かすと前後を並べて確認できます。3つとも、ファイルはどこにも送信されません。
CSSの作業に使えますか？
はい、もともとそのために作っています。カラー変換は CSS にそのまま貼れる値を出力し、アスペクト比計算はコピーしてすぐ使える aspect-ratio の記述を返します。