カラー値

参考:

color | MDN

使い方

参考:

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

CSS の色指定 | TAG index

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

カラーネーム/RGB/HSL – ウェブでのカラー指定いろいろ | アライドアーキテクツ

color | とほほの WWW 入門

CSS Color Module Level 4 Draft | CSSWG

透明/半透明

参考:

rgba, transparent を使った色と透明度の指定方法 | WEB MANABU

背景色や文字色を透明/透過させる | AgoHack

CSS の transparent で要素を透明にする | えるぺぐ

transparent – 背景色を無効にする | ぱそまき

インラインフレームの背景を透過する | TAG index

Image Opacity / Transparency | W3Schools

rgb / rgba

参考:

rgba() | HTML クイックリファレンス

CSS で RGB に透明度を加えて色を指定できる RGBA の書き方 | にししふぁくとりー

Colors RGB | W3Schools

RGB色 | MDN

hsl / hsla

参考:

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

hsla で色指定をしてみよう! |きまぐれ引きこもりんご 80%

HSL色 | MDN

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 の相互変換 | プチモンテ

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

Colors HSL | W3Schools

HSV / HSB

(出典Wikipedia

こちらのページを参照

参考:

HSB 値と輝度の求め方 | osakana.factory

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

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

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

HSB | tomari

HSV 色空間 – Wikipedia

HWB

参考:

Colors HWB | W3Schools

Sass / SCSS

参考:

Sass で色を調整する – Qiita

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

パレット

参考:

Web セーフカラー | 原色大辞典

パステルカラー | 原色大辞典

ビビッドカラー | 原色大辞典

WEB セーフカラー 216色 | HTML クイックリファレンス

カラーネーム 140色 | HTML クイックリファレンス

Web セーフカラー | 色の名前と色見本

カラーネーム | 色の名前と色見本

カラーコード一覧表 | ホームページ作成運営管理ガイド

Web Color 216 色データ | certain day

Web Color よく使われる 96色 | certain day

Web Color 以外の色 | certain day

+300 Bootstrap Colors | Material Design for Bootstrap

グレー

参考:

モノトーン | 原色大辞典

モノトーン 256色 | HTML クイックリファレンス

モノトーン 108色 | HTML クイックリファレンス

Shades of Gray Color Palette | color-hex

色名

参考:

WEB 色見本 | 原色大辞典

世界の伝統色 洋色大辞典 | 原色大辞典

日本の伝統色 和色大辞典 | 原色大辞典

日本語 | 色の名前と色見本

和の色 | 色の名前と色見本

英語 | 色の名前と色見本

JIS 慣用名 | 色の名前と色見本

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 サービスのブランドカラーコード 29選 | ferret

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

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

BrandColors – Official Brand Color Hex Codes

AppleColors – Logo Color Codes and Palettes

パレットまとめ

参考:

色見本と配色サイト (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)

CSS4

参考:

CSS の新しいカラーシンタックス/カンマ無し – Qiita

CSS Color Module Level 4 日本語訳

サイト

ColorsWall – Colors Palettes, Palettes Collections, Colours Schemes

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

入手:

colorable | RubyGems.org

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。

Protected by reCAPTCHA