CSSで使う色の書き方
この記事のポイント
- 色を入れる
- 形式を選ぶ
- CSSに貼る
色コード変換 の結果は、そのままCSSに貼れる形です。
手順
- 色を入れる
- 形式を選ぶ
- CSSに貼る
どの形式でも、ブラウザでは同じ色に見えます。
色コード変換（HEX・RGB・HSL）を使う（無料）
あわせて使えるツール
- 画像を白黒・セピアなどに加工する：画像を白黒・セピアにしたり、明るさを変えたりします。
- ファビコン（サイトのアイコン）を作る：1枚の画像から、ファビコン一式を作ります。
- 単位を換算する（長さ・重さ・面積・温度など）：長さ・重さ・面積・温度などを、すぐに換算します。
同じツールの、ほかの解説
Writing Colors in CSS
Key points
- Enter a color
- Pick a format
- Paste it into CSS
The results from Color Converter can be pasted straight into CSS.
Steps
- Enter a color
- Pick a format
- Paste it into CSS
Every format looks the same color in the browser.
Use "Color Code Converter (HEX, RGB, HSL)" (free)
Tools that go well with this
- Apply Black-and-White, Sepia and Other Looks: Turn images black and white or sepia, or change brightness.
- Make a Favicon (Site Icon): Make a complete favicon set from one image.
- Unit Converter (Length, Weight, Area, Temperature and More): Convert length, weight, area, temperature and more instantly.