同系色を探す

配色

同系色を探す

 状態:-  閲覧数:4,447  投稿日:2011-10-09  更新日:2020-04-23
同系色を探した際のメモこれまで色を探すときは、
▽WEB色見本 原色大辞典 - HTML Color Names
  http://www.colordic.org/
を利用してきた。

但し、このサイト、
基本(ベース)となる色を探すには重宝するが、
同系色を探すには、不向きだ。

ここで、例えば、
デザインを本格的に学んだことがある人なら、
16進数(?)から、
理論的に同系色を探し出すことができるのかもしれないが、
生憎、そんなテクは持ち合わせていない。

しょうがないので、
同系色を探すときは、
面倒くさいけど、
Fireworks等で、透明度を変更して、
色コードを調べていた。


しかーし、今日、ちょっとした事件が起こった。

それは、あるサイトのベースとなる色が元々薄い色だという問題だった。

何故なら、透明度を変更する方法では、
ベースとなる色より濃い色は探せないからだ。

諦めきれず、透明度の欄にマイナス値を入れてみたりしたが、
当然、ノーリアクション!


しょうがないので、
ツールを探すことにした。

見つけたのがコレ。
Create Color Schemes, Test Color Combinations - Colorspire



今日、試した使い方は、
ベースとなる色を入力し、
ボタンを押して、色を探していく、というもの。

・Brighten … 明るくする、輝かせる(?) 何かそんな感じ
・Darken … 暗くする
・Saturate … 彩度を上げる。直訳すると、飽和、とかになったけど、多分、それは違う
・Desaturate … 彩度を下げる。彩度を減らす(?)


結構、いい感じの色が見つかったので、
このサイトは、これからも使っていくことにするよ
(ベースがちょっとマイナー色だった場合、直勘で探しても、同系色がなかなか見つからないことが多いので…)


配色カラー



週間人気ページランキング / 4-27 → 5-3
順位 ページタイトル抜粋 アクセス数
1 CSSだけで、任意の要素に配置した画像を画面一杯に表示することは、基本的には出来ない。「img src」「背景画像」「div要素」何れの場合でも。可能なのは、特殊な要件が重なった場合だけ | CSS 11
2 Material Design 2014 年 | Material Design(色) 5
3 Adobe Camera Raw 4.0 | Photoshop 4
3 「東京都」のカラーコード取得は難しい | カラーコード(色) 4
3 画像縦横比の問題 | 画像 4
3 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 4
3 ログイン 4
3 RGBの種類 / ビットカラー | RGB(色) 4
3 Illustratorでaiファイルを保存する際、下位バージョンでも開けるよう保存する | Illustrator CS3(Illustrator) 4
3 RGB ⇔ Lab | 色変換(色) 4
4 LOCK: File currently in use. / マニフェストを読み込めませんでした 3
4 RGB → 色相H … 最小値基準 × 図形 の考え方 | 色変換(色) 3
4 Design 0 3
5 Virtual DOM / 擬似要素 / Shadow DOM の違いが分からない | Web Components(HTML) 2
5 Chrome 起動オプションを利用して、キャッシュを無効にする 2
5 XnConvert Version 1.80 - windows x64 (Mar 2 2019) - Libformat version 7.26 | XnView MP 系(ソフトウェア) 2
5 aタグのクリック範囲を、囲っているタグ範囲まで拡大する | CSS 2
5 上記とは異なるアプローチの仕方 2
5 好きな色は群青色 2
5 スキップリンク | アクセシビリティ(UI) 2
2026/5/4 5:05 更新