Web色変換 タイトル画像

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

緑 カラーコード 一覧

薄青

#93b69cの色基本情報
16進数#93b69c
RGB147 , 182, 156
HSV135 , 19% , 71%
HSL135 , 19% , 65%
CMY33% , 40% , 35%
XYZ34 , 42 , 37
CIE 1976 (L*, a*, b*)70 , -0.18 , 0.09

薄青 CMYK

薄青に近い色 マンセル値
色見本マンセル値 色名RGBCMYK16進数Yxy
2.5G 7/2157,182,16313,0,10,28#9DB6A343.13,0.3065,0.3548
薄青に近いPCCSの色
色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
ltg1212: G-7.0-2s12149,175,160#95afa0

 

薄青 配色 合う色

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

    薄青 2色 配色 ダイアード(補色)
        #93b69c#b795ae
    薄青 3色 配色 スプリットコンプリメンタリー(分裂補色)
          #93b69c#ae95b7#b7959d
    薄青 3色 配色 トライアド
          #93b69c#9d95b7#b79d95
    薄青 4色 配色 テトラード
            #93b69c#959db7#b795ae#b7ae95
    薄青 5色 配色 ペンタード
              #93b69c#95a7b7#ab95b7#b7959a#b5b795
    薄青 6色 配色 ヘクサード
                #93b69c#95aeb7#9d95b7#b795ae#b79d95#aeb795
  • 同一トーン配色パターン
    同じトーンでの組み合わせ まとまりがある
    配色 2 色
        #95afa0    #90aeab    #bab89b    #c0b69b    #95acb5
        #c7b3a0    #bda39a    #929caa    #bda2a2    #b9a3aa
        #9c99a9    #a497a4
    配色 3 色
          #95afa0#90aeab      #bab89b#c0b69b
          #95acb5#c7b3a0      #bda39a#929caa
          #bda2a2#b9a3aa      #9c99a9#a497a4
  • ドミナントカラー 配色パターン
    同じ色相異なるトーンでの組み合わせ
    配色 2 色
        #95afa0    #a5ceb6    #66a986    #bdd9c9    #8dd3ad
        #73c89c    #418261    #576e61    #008a52    #00b275
        #006f3e    #009a55    #185138    #27362e
    配色 3 色
          #95afa0#a5ceb6      #66a986#bdd9c9
          #8dd3ad#73c89c      #418261#576e61
          #008a52#00b275      #006f3e#009a55
          #185138#27362e
  • 類似トーン配色パターン
    隣接したトーンでの組み合わせ まとまりがある
    類似トーン (p)
        #bdd9c9    #b9d8d5    #e5e2c4    #bed6df    #ebe0c4
        #bac4d3    #f3ddc9    #e8ccc3    #c5c2d3    #cebfce
        #e8cbcb    #e4ccd3
    類似トーン (p+)
        #a5ceb6    #9ecdc9    #d8d5a8    #a5cad7    #efe0b5
        #a8b7cd    #efccaa    #b7b3cc    #e9baaa    #c4afc4
        #debbc6    #e9b8b8
    類似トーン (sf)
        #66a986    #499b95    #aead5f    #498a9e    #ccb664
        #58779a    #d59f62    #d5896f    #756f99    #8b698d
        #ae6f85    #c8787a
    類似トーン (g)
        #576e61    #536e6c    #6c6a51    #716951    #776656
        #4c6068    #6f5951    #6f5858    #6c585e    #4a525e
        #52505e    #5a4e5a
    対象トーン配色パターン
    離れたトーンでの組み合わせ メリハリがある配色
    対象トーン (dkg)
        #3e3d2d    #423c2d    #463b30    #27362e    #253634
        #273439    #3d2f2b    #3d2f2f    #3c2f33    #242931
        #292830    #2e272e
    対象トーン (dp)
        #00625c    #006f3e    #717d00    #00526f    #a48f00
        #aa6600    #004075    #343472    #a53b1b    #811f4c
        #5a265f    #9f1b34
    #93b69c トーンオントーン 配色パターン
    同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す
        #27362e    #006f3e
  • フォ・カマイユ 配色パターン
    類似した色相、同一類似のトーンを使った配色
    pccs色相番号 +2
        #90aeab
    pccs色相番号 -2
        #bab89b
  • トーン グラデーション配色
    トーンを使った段階的に変化させる配色

            #a5ceb6#bdd9c9#95afa0

tag:灰色, 緑,



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

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

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

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

cmyk 色見本

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

rgb 変換

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

画像 色 抽出

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

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

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

色 抽出 スポイトツール

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

rgba 変換