rgb / rgba
参考:
rgba() | CSS3 リファレンス (htmq.com)
CSS で RGB に透明度を加えて色を指定できる RGBA の書き方 | スタイルシート Tips ふぁくとりー
hsl / hsla
参考:
配色を考えるのが面倒なら hsl() を使おう – Qiita
カラー値
参考:
カラーネーム/RGB/HSL ウェブでのカラー指定いろいろ | アライドアーキテクツのクリエイターブログ
<color> | CSS リファレンス (tohoho-web.com)
CSS Color Module Level 4 (csswg.org)
HSL
参考:
HSL はこんなに便利!RGB から HSL へ | CSS Roller
JavaScript で CSS の HSL カラーを使いこなそう – Qiita
CSS の色指定は、HSL を使っていこう | はしくれエンジニアもどきのメモ
CSS3 で追加された HSL の使い方 | TM Life
RGB と HSL の相互変換ツールと変換計算式 | PEKO STEP
HSV / HSB
参考:
HSB カラーモデル | 基礎からわかるホームページの配色 (webcolordesign.net)
RGB と HSV・HSB の相互変換ツールと変換計算式 | PEKO STEP
Sass で色空間『HSB』を扱う関数を作った話 | アライドアーキテクツのクリエイターブログ
HWB
参考:
Sass / SCSS
参考:
Sass で色空間『HSB』を扱う関数を作った話 | アライドアーキテクツのクリエイターブログ
パレット
参考:
WEB セーフカラー 216色 | WEB カラーリファレンス (htmq.com)
カラーネーム 140色 | WEB カラーリファレンス (htmq.com)
Web セーフカラー | 色の名前と色見本 (irononamae.web.fc2.com)
カラーネーム | 色の名前と色見本 (irononamae.web.fc2.com)
Web Color 216 色データ | certain day (noz.day-break.net)
Web Color よく使われる 96色 | certain day (noz.day-break.net)
Web Color 以外の色 | certain day (noz.day-break.net)
+300 Bootstrap Colors | Material Design for Bootstrap
グレー
参考:
モノトーン256色 | WEB カラーリファレンス (htmq.com)
モノトーン108色 | WEB カラーリファレンス (htmq.com)
Shades of Gray Color Palette (color-hex.com)
色名
参考:
日本語 | 色の名前と色見本 (irononamae.web.fc2.com)
和の色 | 色の名前と色見本 (irononamae.web.fc2.com)
英語 | 色の名前と色見本 (irononamae.web.fc2.com)
JIS 慣用名 | 色の名前と色見本 (irononamae.web.fc2.com)
HTML Color Names (html-color-codes.info)
HTML color codes and names | Computer Hope
配色ツール
参考:
Color Hex Color Codes (color-hex.com)
HUE 360 (hue360.herokuapp.com)
Sass Color Generator (scg.ar-ch.org)
HSL Color Picker | Brandon Mathis
変換ツール
参考:
RGB と16進数カラーコードの相互変換ツール | PEKO STEP
RGB と HSL の相互変換ツールと変換計算式 | PEKO STEP
RGB と HSV・HSB の相互変換ツールと変換計算式 | PEKO STEP
ブランドカラー
参考:
SNS や Web サービスなどのロゴの色 (ブランドカラー) を調べてみた | Webpark
主要 SNS・WEB サービスのブランドカラーコードまとめ | ukaR
Twitter Colour Palette (Hex and RGB) | Design Pieces
パレットまとめ
参考:
Material Design Color, Flat Colors, Icons, Color Palette | Material UI
グラデーション
参考:
美しいグラデーションを CSS で実装!配色に使える便利ツールや実例も!| Web クリエイターボックス
10分で背景を「変化するグラデーション」にする – Qiita
CSS3アニメーションに挑戦!色が移り変わる背景を実装しよう | Web クリエイターボックス
CSS Gradient Animator (gradient-animator.com)
Seaborn
参考:
Choosing color palettes | seaborn documentation [Official]
Colorable (Ruby gem)
参考: