次の項目は別ページに分割しました。
カラー値
参考:
使い方
参考:
カラーネーム/RGB/HSL – ウェブでのカラー指定いろいろ | アライドアーキテクツ
CSS Color Module Level 4 Draft | CSSWG
透明/半透明
参考:
rgba, transparent を使った色と透明度の指定方法 | WEB MANABU
CSS の transparent で要素を透明にする | えるぺぐ
transparent – 背景色を無効にする | ぱそまき
Image Opacity / Transparency | W3Schools
rgb / rgba
参考:
CSS で RGB に透明度を加えて色を指定できる RGBA の書き方 | にししふぁくとりー
hsl / hsla
参考:
配色を考えるのが面倒なら hsl() を使おう – Qiita
hsla で色指定をしてみよう! |きまぐれ引きこもりんご 80%
HSL Color Values | CSS Color Module Level 3
HSL Colors | CSS Color Module Level 4
HSL color values `hsl()` | Can I Use Support Tables
`hsl()` can accept alpha values | Can I Use Support Tables
Alpha color values `rgba()` / `hsla()` | Can I Use Support Tables
HSL
参考:
HSL はこんなに便利! RGB から HSL へ | CSS Roller
JavaScript で CSS の HSL カラーを使いこなそう – Qiita
CSS の色指定は、HSL を使っていこう | はしくれエンジニアもどきのメモ
RGB と HSL の相互変換ツールと変換計算式 | PEKO STEP
HSV / HSB
(出典:Wikipedia )
参考:
HSB 値と輝度の求め方 | osakana.factory
RGB と HSV / HSB の相互変換ツールと変換計算式 | PEKO STEP
Sass で色空間 HSB を扱う関数を作った話 | アライドアーキテクツのクリエイターブログ
HWB
参考:
Sass / SCSS
参考:
Sass で色空間 HSB を扱う関数を作った話 | アライドアーキテクツのクリエイターブログ
ウェブカラー (Web Colors)
参考:
変換ツール
RGB と16進数カラーコードの相互変換ツール | PEKO STEP
RGB と HSL の相互変換ツールと変換計算式 | PEKO STEP
RGB と HSV / HSB の相互変換ツールと変換計算式 | PEKO STEP
グラデーション
参考:
美しいグラデーションを CSS で実装!配色に使える便利ツールや実例も! | Web クリエイターボックス
10分で背景を「変化するグラデーション」にする – Qiita
CSS3 アニメーションに挑戦!色が移り変わる背景を実装しよう | Web クリエイターボックス
CSS4
参考: