カラーコード変換

HEX・RGB・HSLを相互変換。カラーピッカーで直感的に色を選択。

HEX

RGB

HSL

R59

G130

B246

❓ よくある質問

HEX、RGB、HSLの違いは何ですか？

HEXは16進数6桁で色を表現（例: #FF0000）。RGBは赤・緑・青の0-255の値で色を表現。HSLは色相・彩度・輝度で色を表現します。CSSではいずれの形式も使用できます。

Webデザインではどのカラーコードを使うべきですか？

CSSではHEXが最も一般的です。透明度が必要な場合はRGBA、色の調整がしやすいのはHSLです。プロジェクトの規約に合わせて選択してください。

カラーコードの変換は正確ですか？

はい、数学的に正確な変換を行います。HEX↔RGB は完全な変換が可能です。HSLへの変換では四捨五入により微小な誤差が生じる場合がありますが、視覚的な差はありません。

アスペクト比計算

画像・動画のアスペクト比を計算。SNSや動画サイトの推奨サイズも一覧表示。

CSSグラデーション生成

CSSグラデーションを視覚的に作成。線形・放射状対応。プリセット付き。

CSSボックスシャドウ生成

box-shadowをスライダーで直感操作。複数レイヤー・プリセット対応。

画像Base64変換

画像ファイルをBase64に変換。Data URI形式でHTML・CSSに埋め込み可能。

CSS Flexbox生成

Flexboxレイアウトを視覚的に作成。direction・justify・align等を直感操作。

ファビコン生成

テキストや絵文字からファビコンを生成。複数サイズ対応。ダウンロード可能。