rgb / rgba

参考:

rgba() | CSS3 リファレンス (htmq.com)

CSS で RGB に透明度を加えて色を指定できる RGBA の書き方 | スタイルシート Tips ふぁくとりー

Colors RGB | W3Schools

hsl / hsla

参考:

配色を考えるのが面倒なら hsl() を使おう – Qiita

カラー値

参考:

<color> | MDN

CSS3 の色の指定について – Qiita

CSS の色指定 | TAG index

CSS での色の指定方法 | so-zou.jp

カラーネーム/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 の相互変換 | プチモンテ

RGB と HSL の相互変換ツールと変換計算式 | PEKO STEP

Colors HSL | W3Schools

HSV / HSB

参考:

HSB カラーモデル | 基礎からわかるホームページの配色 (webcolordesign.net)

RGB と HSV・HSB の相互変換ツールと変換計算式 | PEKO STEP

Sass で色空間『HSB』を扱う関数を作った話 | アライドアーキテクツのクリエイターブログ

HSB | tomari

HSV 色空間 – Wikipedia

HWB

参考:

Colors HWB | W3Schools

Sass / SCSS

参考:

Sass で色を調整する – Qiita

Sass で色空間『HSB』を扱う関数を作った話 | アライドアーキテクツのクリエイターブログ

パレット

参考:

Web セーフカラー (colordic.org)

パステルカラー (colordic.org)

ビビッドカラー (colordic.org)

WEB セーフカラー 216色 | WEB カラーリファレンス (htmq.com)

カラーネーム 140色 | WEB カラーリファレンス (htmq.com)

Web セーフカラー | 色の名前と色見本 (irononamae.web.fc2.com)

カラーネーム | 色の名前と色見本 (irononamae.web.fc2.com)

カラーコード一覧表 (netyasun.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

グレー

参考:

モノトーン (colordic.org)

モノトーン256色 | WEB カラーリファレンス (htmq.com)

モノトーン108色 | WEB カラーリファレンス (htmq.com)

Shades of Gray Color Palette (color-hex.com)

色名

参考:

WEB 色見本 原色大辞典 (colordic.org)

世界の伝統色 洋色大辞典 (colordic.org)

日本の伝統色 和色大辞典 (colordic.org)

日本語 | 色の名前と色見本 (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

色名一覧 – Wikipedia

配色ツール

参考:

Color Hex Color Codes (color-hex.com)

HUE 360 (hue360.herokuapp.com)

Paletton

Sass Color Generator (scg.ar-ch.org)

0to255

HTML Color Picker | W3Schools

HSL Color Picker | Brandon Mathis

変換ツール

参考:

RGB と16進数カラーコードの相互変換ツール | PEKO STEP

RGB と HSL の相互変換ツールと変換計算式 | PEKO STEP

RGB と HSV・HSB の相互変換ツールと変換計算式 | PEKO STEP

カラーコード/RGB/HSLの相互変換 | K-NOTE

カラーコード変換 | Tech-Unlimited

Color Converter | W3Schools

Colorizer (colorizer.org)

ブランドカラー

参考:

SNS や Web サービスなどのロゴの色 (ブランドカラー) を調べてみた | Webpark

主要 SNS・WEB サービスのブランドカラーコードまとめ | ukaR

主要 SNS ブランドカラーの値 一覧 | akiyumo

Twitter Colour Palette (Hex and RGB) | Design Pieces

パレットまとめ

参考:

色見本と配色サイト (color-sample.com)

Material Design Color, Flat Colors, Icons, Color Palette | Material UI

グラデーション

参考:

美しいグラデーションを CSS で実装!配色に使える便利ツールや実例も!| Web クリエイターボックス

10分で背景を「変化するグラデーション」にする – Qiita

CSS3アニメーションに挑戦!色が移り変わる背景を実装しよう | Web クリエイターボックス

shade (jxnblk.com)

CSS Gradient Animator (gradient-animator.com)

Seaborn

参考:

Seaborn のカラーパレットの選び方 – Qiita

Choosing color palettes | seaborn documentation [Official]

Colorable (Ruby gem)

参考:

melborne/colorable: A simple color handler which provide a conversion between colorname, RGB, HSB and HEX – GitHub

タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です