Web色変換 タイトル画像

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

緑 カラーコード 一覧

裏葉柳

#c1d8acの色基本情報
16進数#c1d8ac
RGB193 , 216, 172
HSV91 , 20% , 85%
HSL91 , 36% , 76%
CMY23% , 28% , 19%
XYZ53 , 63 , 48
CIE 1976 (L*, a*, b*)83 , -0.16 , 0.19

裏葉柳 CMYK

裏葉柳に近い色 マンセル値
色見本マンセル値 色名RGBCMYK16進数Yxy
7.5GY 8/4183,211,15913,0,24,17#B7D39F59.26,0.3274,0.3941
裏葉柳に近いPCCSの色
色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
p10+10:YG-8.5-3s10216,213,168#d8d5a8

 

裏葉柳 配色 合う色

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

    裏葉柳 2色 配色 ダイアード(補色)
        #c1d8ac#c3acd8
    裏葉柳 3色 配色 スプリットコンプリメンタリー(分裂補色)
          #c1d8ac#adacd8#d8acd7
    裏葉柳 3色 配色 トライアド
          #c1d8ac#acc1d8#d8acc1
    裏葉柳 4色 配色 テトラード
            #c1d8ac#acd7d8#c3acd8#d8adac
    裏葉柳 5色 配色 ペンタード
              #c1d8ac#acd8cb#acafd8#d8acd3#d8baac
    裏葉柳 6色 配色 ヘクサード
                #c1d8ac#acd8c3#acc1d8#c3acd8#d8acc1#d8c3ac
  • 同一トーン配色パターン
    同じトーンでの組み合わせ まとまりがある
    配色 2 色
        #d8d5a8    #a5ceb6    #efe0b5    #9ecdc9    #efccaa
        #a5cad7    #e9baaa    #e9b8b8    #debbc6    #a8b7cd
        #b7b3cc    #c4afc4
    配色 3 色
          #d8d5a8#a5ceb6      #efe0b5#9ecdc9
          #efccaa#a5cad7      #e9baaa#e9b8b8
          #debbc6#a8b7cd      #b7b3cc#c4afc4
  • ドミナントカラー 配色パターン
    同じ色相異なるトーンでの組み合わせ
    配色 2 色
        #d8d5a8    #e5e2c4    #bab89b    #d9d784    #aead5f
        #caca61    #85863c    #6c6a51    #717d00    #535617
        #9aa400    #b7bf19    #a4b300    #3e3d2d
    配色 3 色
          #d8d5a8#e5e2c4      #bab89b#d9d784
          #aead5f#caca61      #85863c#6c6a51
          #717d00#535617      #9aa400#b7bf19
          #a4b300#3e3d2d
  • 類似トーン配色パターン
    隣接したトーンでの組み合わせ まとまりがある
    類似トーン (lt)
        #8dd3ad    #d9d784    #71c5be    #f9e08a    #ffc887
        #71b1c7    #ffb195    #7e9dc3    #f59fa0    #d995ac
        #9c95c1    #b48fb5
    類似トーン (lt+)
        #73c89c    #caca61    #3faba4    #edd267    #fcb869
        #52a6bf    #ff9e7d    #6591c0    #f28c8e    #d98295
        #8e87be    #ac7eae
    類似トーン (ltg)
        #bab89b    #c0b69b    #95afa0    #c7b3a0    #90aeab
        #bda39a    #95acb5    #bda2a2    #b9a3aa    #929caa
        #a497a4    #9c99a9
    対象トーン配色パターン
    離れたトーンでの組み合わせ メリハリがある配色
    対象トーン (v)
        #008c69    #009a55    #007e77    #007c8c    #a4b300
        #4aa315    #c8bb00    #e2c500    #006b93    #eeac00
        #f29500    #005a91    #e66d00    #00569c    #e55125
        #00509d    #ab2664    #dd3737    #892c71    #b5184f
        #793580    #663e8c    #474798    #cd1f42
    対象トーン (dkg)
        #3e3d2d    #423c2d    #463b30    #27362e    #253634
        #3d2f2b    #273439    #3d2f2f    #3c2f33    #242931
        #2e272e    #292830
    #c1d8ac トーンオントーン 配色パターン
    同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す
        #a4b300    #3e3d2d
  • フォ・カマイユ 配色パターン
    類似した色相、同一類似のトーンを使った配色
    pccs色相番号 +2
        #a5ceb6
    pccs色相番号 -2
        #efe0b5
  • トーン グラデーション配色
    トーンを使った段階的に変化させる配色

            #d8d5a8#e5e2c4#bab89b

tag:灰色, 緑,



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

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

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

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

cmyk 色見本

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

rgb 変換

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

画像 色 抽出

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

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

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

色 抽出 スポイトツール

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

rgba 変換