RGB←→HSB相互変換【Windowsプログラミング研究所】
RGB←→HSB相互変換 誰かRGB←→HSBの変換式を教えてくれー！ と探してみたものの、なかなかどうして ちゃんと解説されているサイトは見つからない……。 しかし、バラバラの理論を基に何とか私にも出来ましたよ、ええ(T_T)。 「何故だー(泣)！？」と何度叫んだか分かりませんっ！ これからお話しする内容には、 かなり私の独断と偏見が含まれている可能性がありますが、 まあ、とりあえずちゃんと動きます(笑)！ 今回の理論創造にあたり、以下のサイト様を参考にしました。 勝手にリンクですが、感謝の意を込めてここに表記させて頂きました。 もしかして私の理論が間違ってても、こちら様に迷惑をかけないよーに(笑)。 osakana.factory (http://ofo.jp/) HSB 値と輝度の求め方：http://ofo.jp/osakana/cgtips/hsb.phtml TryNext P
RGBの数値と色相／彩度／明度の対応について - phaの日記
色の要素とRGBの数値の続き。 RGBの数値がどういう風に色相・彩度・明度(HSV)に対応するかは、たぶんこれを見ればいいんだな。 HSV色空間::RGBからHSVへの変換 - Wikipedia MAXを(R,G,B)値の最大値と等しく、MINをその最小値と等しいとする。この式は次のように書ける。 H（色相） = （記述がめんどいので省略。リンク先を見てください） S（彩度） = MAX - MIN V（明度） = MAX ※円錐モデル（リンク先参照）を使った場合 色相はRGBのうち最大のものと最小のものとの数値の差と、最大のもの以外の２つの数値の差で決まる。 彩度はRGBのうち最大のものと最小のものとの数値の差で決まる（円錐モデル）。 明度はRGBのうち最大のものの数値で決まる。 ということか。 この計算方法だったら#cc0000と#ff3333なら、彩度は同じだけど明度が違うのね。
知っておくと便利な「無彩色」の使い方
白、黒、グレーのように色みを持たない色のことを「無彩色」と言います。 （むさい色じゃないよ！） 「無彩色」はどんな色ともマッチする反面、使い方によっては地味で無機質な印象になりがちですが、上手に使うとシックでスタイリッシュな雰囲気になります。今回は、色使いの基本として「無彩色」の使い方を紹介したいと思います。 色には大きく分けて「有彩色」と「無彩色」の2種類あります。有彩色は「色相、明度、彩度」の3つの性質があるのに対し、無彩色は「明度」*だけの性質を持っています。 *明度（めいど：value） 色の明るさの度合いのこと。 最も明度の高い色が白、最も明度の低い色が黒です。 Webデザインに「無彩色」はかかせない存在 背景など部分的に使う グラデーションをつける 明度差をつけて強調する 光と影をつけて立体感を出す どんな色ともケンカをしない「無彩色」は、使う場所を選ばない万能な色。 Webデ
マンセル色立体
■マンセル表色系は現在インテリアでは、最もよく使われている表色系です。 ■色相(Hue)は、赤(R)・黄(Y)・緑(G)・青(B)・紫(P)の５色と、それぞれの間の黄赤(YR)・黄緑(GY)・青緑(BG)・青紫(PB)・赤紫(PR)の５色の中間色相を加えた１０色の色相が基本になります。 ■明度(Value)は完全な黒を０，完全な白を１０として、この間を等間隔に１１段階に分けています。 ■彩度(Chroma)は無彩色を０として最大１４程度までとなっています。 ■表示方法は有彩色の場合はＨＶ／Ｃで表します。無彩色はＮで表します。
インプレスブックス - 本、雑誌と関連Webサービス
個人でも達成できる実践ノウハウ、教えます 発売日： 2024/2/6 好評発売中 Web作成・マーケティング 詳細を見る
相性の良い色を自動でピックアップしてくれる「ColorBlender」
ウェブサイトやブログを作る上で配色はかなり重要ですが、それ故に面倒なものです。そういった悩みを解消するのがこの「ColorBlender」。基準となる色を1つ指定すれば、それに合う色を5色出してくれます。 詳細は以下から。 ColorBlender.com | Your free online color matching toolbox まずスライダーでRGBを調節。 色が決まったら右の「Match blend from active colour」を押し、今のパレットを破棄することをOKする。 すると自動でピックアップされた色が出てきます。 Editing modeを「Direct Edit」から「AutoMatch」に変えると、スライダーを動かすだけで色がピックアップされます。 フォトショップ用やイラストレーター用のカラーパレットとして保存でき、作った配色にリンクするURLも生成可能
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
（連載）第１回：色空間について - koujinz blog
日本色研 色立体
色彩のあれこれ Color_Research_Lab.
色のみじん切り