カラー値
参考:
目次
使い方
参考:
カラーネーム/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 セーフカラー 216色 | HTML クイックリファレンス
Web Color 216 色データ | certain day
Web Color よく使われる 96色 | certain day
+300 Bootstrap Colors | Material Design for Bootstrap
グレー
参考:
Shades of Gray Color Palette | color-hex
色名
参考:
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 サービスのブランドカラーコード 29選 | ferret
SNS や Web サービスなどのロゴの色/ブランドカラーを調べてみた | Webpark
BrandColors – Official Brand Color Hex Codes
AppleColors – Logo Color Codes and Palettes
パレットまとめ
参考:
Material Design Color, Flat Colors, Icons, Color Palette | Material UI
グラデーション
参考:
美しいグラデーションを CSS で実装!配色に使える便利ツールや実例も! | Web クリエイターボックス
10分で背景を「変化するグラデーション」にする – Qiita
CSS3アニメーションに挑戦!色が移り変わる背景を実装しよう | Web クリエイターボックス
CSS Gradient Animator (gradient-animator.com)
CSS4
参考:
CSS の新しいカラーシンタックス/カンマ無し – Qiita
サイト
ColorsWall – Colors Palettes, Palettes Collections, Colours Schemes
Seaborn
参考:
Choosing color palettes | seaborn documentation [Official]
Colorable (Ruby gem)
リポジトリ:
入手: