Web色変換 タイトル画像

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

緑 カラーコード 一覧

萌黄色 合う色 配色

#96AA3Dの色基本情報
16進数#96AA3D
RGB150 , 170, 61
HSV71 , 64% , 67%
HSL71 , 47% , 45%
CMY54% , 58% , 37%
XYZ27 , 35 , 9
CIE 1976 (L*, a*, b*)66 , -0.23 , 0.52

萌黄 CMYK

萌黄に近い色 マンセル値
色見本マンセル値 色名RGBCMYK16進数Yxy
5GY 6/8132,160,5017,0,68,37#84A03230.21,0.3742,0.4981
萌黄に近いPCCSの色
色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
s1010:YG-6.5-8s10154,164,0#9aa400

 

萌黄 配色 合う色

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

    萌黄 2色 配色 ダイアード(補色)
        #96AA3D#513da9
    萌黄 3色 配色 スプリットコンプリメンタリー(分裂補色)
          #96AA3D#3d5fa9#873da9
    萌黄 3色 配色 トライアド
          #96AA3D#3d95a9#a93d95
    萌黄 4色 配色 テトラード
            #96AA3D#3da987#513da9#a93d5f
    萌黄 5色 配色 ペンタード
              #96AA3D#3da966#3d6aa9#913da9#a93d3f
    萌黄 6色 配色 ヘクサード
                #96AA3D#3da951#3d95a9#513da9#a93d95#a9513d
  • 同一トーン配色パターン
    同じトーンでの組み合わせ まとまりがある
    配色 2 色
        #9aa400    #d2b700    #008a52    #db8b08    #007b75
        #c7512c    #006a8b    #c13547    #a03663    #005692
        #753a7a    #4b488e
    配色 3 色
          #9aa400#d2b700      #008a52#db8b08
          #007b75#c7512c      #006a8b#c13547
          #a03663#005692      #753a7a#4b488e
  • ドミナントカラー 配色パターン
    同じ色相異なるトーンでの組み合わせ
    配色 2 色
        #9aa400    #caca61    #aead5f    #717d00    #a4b300
        #85863c    #b7bf19    #d9d784    #535617    #d8d5a8
        #bab89b    #6c6a51    #e5e2c4    #3e3d2d
    配色 3 色
          #9aa400#caca61      #aead5f#717d00
          #a4b300#85863c      #b7bf19#d9d784
          #535617#d8d5a8      #bab89b#6c6a51
          #e5e2c4#3e3d2d
  • 類似トーン配色パターン
    隣接したトーンでの組み合わせ まとまりがある
    類似トーン (v)
        #a4b300    #c8bb00    #4aa315    #e2c500    #009a55
        #eeac00    #008c69    #f29500    #007e77    #e66d00
        #007c8c    #e55125    #006b93    #dd3737    #cd1f42
        #005a91    #b5184f    #ab2664    #892c71    #00569c
        #793580    #00509d    #663e8c    #474798
    類似トーン (b)
        #76bb4c    #b7bf19    #d9c81b    #f2d324    #f9bb2b
        #00b275    #fba52f    #00a583    #fb8d3d    #00a39b
        #f7774d    #0094a1    #f16056    #008fb3    #f15d69
        #d75674    #007daf    #cc5c87    #ab5792    #1979ba
        #9c5da0    #4d73bb    #8b63ac    #716bb6
    類似トーン (dp)
        #717d00    #a48f00    #006f3e    #aa6600    #00625c
        #a53b1b    #00526f    #9f1b34    #811f4c    #004075
        #5a265f    #343472
    類似トーン (sf)
        #aead5f    #ccb664    #d59f62    #66a986    #d5896f
        #499b95    #c8787a    #498a9e    #ae6f85    #58779a
        #8b698d    #756f99
    類似トーン (d)
        #85863c    #a18e40    #a9783f    #418261    #a9634c
        #1c7570    #9d5456    #1f6578    #854c60    #345474
        #664768    #514d72
    対象トーン配色パターン
    離れたトーンでの組み合わせ メリハリがある配色
    対象トーン (p)
        #e5e2c4    #ebe0c4    #bdd9c9    #f3ddc9    #e8ccc3
        #b9d8d5    #e8cbcb    #bed6df    #e4ccd3    #bac4d3
        #cebfce    #c5c2d3
    対象トーン (dkg)
        #3e3d2d    #423c2d    #463b30    #27362e    #3d2f2b
        #253634    #3d2f2f    #3c2f33    #273439    #2e272e
        #242931    #292830
    #96AA3D トーンオントーン 配色パターン
    同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す
        #e5e2c4    #3e3d2d
  • フォ・カマイユ 配色パターン
    類似した色相、同一類似のトーンを使った配色
    pccs色相番号 +2
        #008a52
    pccs色相番号 -2
        #d2b700
  • トーン グラデーション配色
    トーンを使った段階的に変化させる配色

            #b7bf19#9aa400#717d00

萌黄の色見本
(萌黄の色見本)

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

色見本 RGB 16進数 jis慣用色名 色名
150,170,61 #96AA3D 萌黄
169,183,53 #A9B735 若草色
154,185,97 #9AB961 シーグリーン
194,192,92 #C2C05C ひわ色
135,157,78 #879D4E リーフグリーン

萌黄に近い色 Webカラー

色見本 RGB 16進数 Webカラー 色名
107,142,35 #6B8E23 OliveDrab
128,128,0 #808000 Olive
189,183,107 #BDB76B DarkKhaki
154,205,50 #9ACD32 YellowGreen
240,230,140 #F0E68C Khaki

萌黄に近い色 Pantone(パントーン)

色見本 Pantone(パントーン) 色名
PANTONE582 C
PANTONE370 C
PANTONE618 C
PANTONE391 C
PANTONE619 C

萌黄に近い色 DIC

色見本 DIC 色名
DIC362
DIC363
DIC2094
DIC365
DIC211

萌黄の補色(合う色)萌黄の補色 色見本,rgb,16進数

色見本 RGB 16進数
81,61,170 513DAA

tag:16進数, cmyk, グリーン, 緑, 配色,



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

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

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

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

cmyk 色見本

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

rgb 変換

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

画像 色 抽出

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

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

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

色 抽出 スポイトツール

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

rgba 変換