カラーコード変換
HEX、RGB、HSLのカラーコードを相互変換できます。カラーピッカーや透明度にも対応しています。
CSS出力
#3b82f6rgb(59, 130, 246)hsl(217, 91%, 60%)カラーコードの形式
- HEX - #RRGGBB形式。Web開発で最も一般的
- RGB - 赤・緑・青の値（0-255）で色を指定
- HSL - 色相・彩度・明度で直感的に色を指定
このツールの使い方・関連記事
CSSグラデーションの作り方｜自然に見せるコツとよくある失敗
linear-gradientとradial-gradientの基本構文から、角度の考え方、色が縞模様になる原因、borderに直接グラデーションを使えない理由と回避策までまとめました。
写真から配色を抽出する方法｜資料やデザインの色選びに使えるコツ
写真から主要な色を抽出して配色の参考にする方法を解説。無料ツールでの手順に加えて、白背景の写真だと本来の主役色が埋もれるという見落としがちな落とし穴と、抽出した色を実際に使うときの整え方をまとめました。
ファビコンの作り方と必要なサイズ一覧｜検索結果に表示させる設定
ファビコンに必要なサイズ、faviconとapple-touch-iconの違い、HTMLへの記述方法を整理。Google検索結果にファビコンを表示させる条件と、反映されないときの原因も解説します。