カラーコード変換
HEX、RGB、HSLのカラーコードを相互変換できます。カラーピッカーや透明度にも対応しています。
CSS出力
#3b82f6rgb(59, 130, 246)hsl(217, 91%, 60%)カラーコードの形式
- HEX - #RRGGBB形式。Web開発で最も一般的
- RGB - 赤・緑・青の値（0-255）で色を指定
- HSL - 色相・彩度・明度で直感的に色を指定
このツールの使い方・関連記事
写真から配色を抽出する方法｜資料やデザインの色選びに使えるコツ
写真から主要な色を抽出して配色の参考にする方法を解説。無料ツールでの手順に加えて、白背景の写真だと本来の主役色が埋もれるという見落としがちな落とし穴と、抽出した色を実際に使うときの整え方をまとめました。
ファビコンの作り方と必要なサイズ一覧｜検索結果に表示させる設定
ファビコンに必要なサイズ、faviconとapple-touch-iconの違い、HTMLへの記述方法を整理。Google検索結果にファビコンを表示させる条件と、反映されないときの原因も解説します。
CSSのbox-shadowで自然な影をつけるコツ｜不自然に見える原因と対処
box-shadowの4つの値の意味から、影が不自然に見える原因と改善方法を解説。光源の統一、影を重ねる手法、ダークモードでの階層表現、パフォーマンス上の注意点までまとめました。