Web色変換 タイトル画像

色とWebデザインに関するサイト,web制作のサポートツール, WEBや印刷で使う色 ,配色,dic,pantone(パントーン),16進数,cmyk

緑 カラーコード 一覧

オリーブ カラーコード 補色

#605627の色基本情報
16進数#605627
RGB96 , 86, 39
HSV49 , 59% , 38%
HSL49 , 42% , 26%
CMY75% , 73% , 64%
XYZ8 , 9 , 3
CIE 1976 (L*, a*, b*)36 , -0.03 , 0.28

オリーブ CMYK

オリーブに近い色 マンセル値
色見本マンセル値 色名RGBCMYK16進数Yxy
7.5Y 4/4107,98,480,8,55,58#6B623012.03,0.3974,0.4374
オリーブに近いPCCSの色
色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
dk1010:YG-3.5-5s1083,86,23#535617

 

オリーブ 配色 合う色

  • オリーブの各種配色パターンの
    色見本やカラーコードの一覧です。

    オリーブ 2色 配色 ダイアード(補色)
        #605627#26315e
    オリーブ 3色 配色 スプリットコンプリメンタリー(分裂補色)
          #605627#264d5e#38265e
    オリーブ 3色 配色 トライアド
          #605627#265e54#54265e
    オリーブ 4色 配色 テトラード
            #605627#265e38#26315e#5e264d
    オリーブ 5色 配色 ペンタード
              #605627#265e27#26525e#3e265e#5e263c
    オリーブ 6色 配色 ヘクサード
                #605627#315e26#265e54#26315e#54265e#5e2631
  • 同一トーン配色パターン
    同じトーンでの組み合わせ まとまりがある
    配色 2 色
        #535617    #6b5e1b    #704b1a    #6f3826    #185138
        #642a2e    #004542    #5d2d3f    #004252    #422944
        #14344e    #312e4d
    配色 3 色
          #535617#6b5e1b      #704b1a#6f3826
          #185138#642a2e      #004542#5d2d3f
          #004252#422944      #14344e#312e4d
  • ドミナントカラー 配色パターン
    同じ色相異なるトーンでの組み合わせ
    配色 2 色
        #535617    #6c6a51    #3e3d2d    #85863c    #717d00
        #aead5f    #bab89b    #d8d5a8    #caca61    #d9d784
        #9aa400    #e5e2c4    #a4b300    #b7bf19
    配色 3 色
          #535617#6c6a51      #3e3d2d#85863c
          #717d00#aead5f      #bab89b#d8d5a8
          #caca61#d9d784      #9aa400#e5e2c4
          #a4b300#b7bf19
  • 類似トーン配色パターン
    隣接したトーンでの組み合わせ まとまりがある
    類似トーン (dp)
        #717d00    #006f3e    #00625c    #aa6600    #a48f00
        #a53b1b    #00526f    #9f1b34    #811f4c    #5a265f
        #004075    #343472
    類似トーン (d)
        #85863c    #a9783f    #a18e40    #a9634c    #418261
        #9d5456    #1c7570    #854c60    #1f6578    #664768
        #345474    #514d72
    類似トーン (dkg)
        #423c2d    #3e3d2d    #463b30    #3d2f2b    #27362e
        #3d2f2f    #253634    #3c2f33    #273439    #2e272e
        #292830    #242931
    対象トーン配色パターン
    離れたトーンでの組み合わせ メリハリがある配色
    対象トーン (lt)
        #d9d784    #ffb195    #ffc887    #8dd3ad    #f59fa0
        #d995ac    #f9e08a    #71c5be    #b48fb5    #71b1c7
        #7e9dc3    #9c95c1
    対象トーン (ltg)
        #bda39a    #c0b69b    #bab89b    #95afa0    #c7b3a0
        #bda2a2    #a497a4    #90aeab    #b9a3aa    #929caa
        #9c99a9    #95acb5
    #605627 トーンオントーン 配色パターン
    同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す
        #d9d784    #bab89b
  • フォ・カマイユ 配色パターン
    類似した色相、同一類似のトーンを使った配色
    pccs色相番号 +2
        #185138
    pccs色相番号 -2
        #6b5e1b
  • トーン グラデーション配色
    トーンを使った段階的に変化させる配色

            #caca61#d9d784#aead5f

オリーブに近い色見本 色番号オリーブに似ているカラーコード一覧、jis慣用色名、Webカラー(X11の色名)などから色見本,rgb,16進数
Pantone(パントーン)、DICからは色見本のみを5つ載せています。
オリーブに近い色 jis慣用色名

色見本 RGB 16進数 jis慣用色名 色名
96,86,39 #605627 オリーブ
112,97,58 #70613A 鶯茶
86,88,56 #565838 オリーブグリーン
91,70,42 #5B462A バーントアンバー
113,113,74 #71714A 鶯色

オリーブに近い色 Webカラー

色見本 RGB 16進数 Webカラー 色名
85,107,47 #556B2F DarkOliveGreen
105,105,105 #696969 DimGray
139,69,19 #8B4513 SaddleBrown
128,128,128 #808080 Gray
160,82,45 #A0522D Sienna

オリーブに近い色 Pantone(パントーン)

色見本 Pantone(パントーン) 色名
PANTONE5815 C
PANTONE455 C
PANTONE147 C
PANTONE3995 C
PANTONE581 C

オリーブに近い色 DIC

色見本 DIC 色名
DIC354
DIC356
DIC343
DIC351
DIC352

オリーブの補色(合う色)オリーブの補色 色見本,rgb,16進数

色見本 RGB 16進数
39,49,96 273160

tag:16進数, cmyk, dicカラー, pantone, パントーン, マンセル値, 一覧, 緑, 補色, 配色,



記事
ルーメン ルクス 変換計算機

400 ルクス ルーメン 400 ルクスの照射角と距離の値を変更したルーメンの値一覧です。 ルーメン…

パステルカラー カラーコード

パステルカラー カラーコード 一覧表示 説明 パステル カラー多くの色の「カラーコード(16進数)」…

cmyk 色見本

CMYK⇔RGBの相互変換可能なWEBツールです。 RGBやcmyk の数値変換した色をすぐに確認で…

rgb 変換

  rgb 変換 使い方 rgbをカラーピッカーから選択してカラーコード(16進数),CM…

画像 色 抽出

画像の色抽出 割合を調べるツール 説明 画像から 色(カラーコード)や 色の面積や面積の割合や配色比…

グラデーション css ジェネレーター border 文字 下線 透過 背景の色

グラデーション css ジェネレーター 多数自動で生成して border 文字 下線 透過 背景の色…

色 抽出 スポイトツール

色 抽出 スポイトツール 説明 画像からカラーコードの色を抽出する際に使える スポイトツール。 使い…

rgba 変換