Web色画像変換

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

赤 カラーコード 一覧

レモンイエロー(黄色) 16進数 cmyk

  • レモンイエロー 色

    #E8C800の色基本情報
    16進数#E8C800
    RGB232 , 200, 0
    HSV52 , 100% , 91%
    HSL52 , 100% , 45%
    CMY60% , 54% , 15%
    XYZ53 , 58 , 8
    CIE 1976 (L*, a*, b*)80 , -0.05 , 0.81

    レモンイエロー cmyk

    cmykの値 C:0% M:13% Y:100% K:9%

    レモンイエローに近い色 マンセル値

    色見本マンセル値 色名RGBCMYK16進数Yxy
    2.5Y 9/12255,222,520,12,79,0#FFDE3478.86,0.4544,0.46

    レモンイエローに近いPCCSの色

    色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
    v88: Y-8.0-9s8226,197,0#e2c500

     

    レモンイエローの配色 パターン

    レモンイエローの各種配色パターンの
    色見本やカラーコードの一覧です。

    レモンイエロー 2色 配色 ダイアード(補色)

    色見本RGB16進数
    232,200,0#E8C800
    0,31,230#001fe6

    レモンイエロー 3色 配色 スプリットコンプリメンタリー(分裂補色)

    色見本RGB16進数
    232,200,0#E8C800
    0,145,230#0091e6
    84,0,230#5400e6

    レモンイエロー 3色 配色 トライアド

    色見本RGB16進数
    232,200,0#E8C800
    0,230,199#00e6c7
    199,0,230#c700e6

    レモンイエロー 4色 配色 テトラード

    色見本RGB16進数
    232,200,0#E8C800
    0,230,84#00e654
    0,31,230#001fe6
    230,0,145#e60091

    レモンイエロー 5色 配色 ペンタード

    色見本RGB16進数
    232,200,0#E8C800
    0,230,15#00e60f
    0,168,230#00a8e6
    107,0,230#6b00e6
    230,0,77#e6004d

    レモンイエロー 6色 配色 ヘクサード

    色見本RGB16進数
    232,200,0#E8C800
    31,230,0#1fe600
    0,230,199#00e6c7
    0,31,230#001fe6
    199,0,230#c700e6
    230,0,31#e6001f

    #E8C800 同一トーン配色パターン

    同じトーンでの組み合わせ まとまりがある

    配色 2 色

    #e2c500 #c8bb00 #eeac00 #a4b300 #f29500 #e66d00
    #4aa315 #e55125 #009a55 #dd3737 #008c69 #cd1f42
    #007e77 #b5184f #007c8c #ab2664 #006b93 #892c71
    #005a91 #793580 #663e8c #00569c #474798 #00509d

    配色 3 色

    #e2c500#c8bb00 #eeac00#a4b300
    #f29500#e66d00 #4aa315#e55125
    #009a55#dd3737 #008c69#cd1f42
    #007e77#b5184f #007c8c#ab2664
    #006b93#892c71 #005a91#793580
    #663e8c#00569c #474798#00509d

    #E8C800 ドミナントカラー 配色パターン

    同じ色相異なるトーンでの組み合わせ

    配色 2 色

    #e2c500 #f2d324 #d2b700 #edd267 #a48f00 #f9e08a
    #ccb664 #a18e40 #efe0b5 #6b5e1b #c0b69b #ebe0c4
    #716951 #423c2d

    配色 3 色

    #e2c500#f2d324 #d2b700#edd267
    #a48f00#f9e08a #ccb664#a18e40
    #efe0b5#6b5e1b #c0b69b#ebe0c4
    #716951#423c2d

    類似トーン配色パターン

    隣接したトーンでの組み合わせ まとまりがある

    類似トーン (s)

    #d2b700 #9aa400 #db8b08 #c7512c #008a52 #c13547
    #007b75 #a03663 #006a8b #753a7a #005692 #4b488e

    対象トーン配色パターン

    離れたトーンでの組み合わせ メリハリがある配色

    対象トーン (ltg)

    #bab89b #c0b69b #c7b3a0 #bda39a #95afa0 #bda2a2
    #b9a3aa #90aeab #a497a4 #95acb5 #9c99a9 #929caa

    対象トーン (g)

    #716951 #6c6a51 #776656 #6f5951 #576e61 #6f5858
    #536e6c #6c585e #4c6068 #5a4e5a #4a525e #52505e

    #E8C800 トーンオントーン 配色パターン

    同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す

    #c0b69b #716951

    カマイユ 配色パターン

    隣接した色相、同一類似のトーンを使った配色

    pccs色相番号 +1

    #c8bb00

    pccs色相番号 -1

    #eeac00

    フォ・カマイユ 配色パターン

    類似した色相、同一類似のトーンを使った配色

    pccs色相番号 +2

    #a4b300

    pccs色相番号 -2

    #f29500

    ピコロール 配色 2 色

    ビビット(v)トーンを使った2色のコントラスト

    #000000 #cd1f42 #ab2664 #793580

    トリコロール 配色 3 色

    ビビット(v)トーンを使った3色のコントラスト

    #ab2664#006b93
    #000000#006b93

    色相 グラデーション配色

    色相を使った段階的に変化させる配色

    #a4b300#009a55#007e77#006b93

    レモンイエロー 一覧

    レモンイエローの色見本 (レモンイエローの色見本)

    レモンイエローに近い色見本 色番号

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

    レモンイエローに近い色 jis慣用色名

    色見本RGB16進数jis慣用色名 色名
    232,200,0#E8C800レモンイエロー
    250,212,58#FAD43A中黄
    255,204,0#FFCC00ジョンブリアン
    247,213,78#F7D54Eカナリヤ
    255,190,0#FFBE00たんぽぽ色

    レモンイエローに近い色 Webカラー

    色見本RGB16進数Webカラー 色名
    255,215,0#FFD700Gold
    218,165,32#DAA520Goldenrod
    255,255,0#FFFF00Yellow
    255,165,0#FFA500Orange
    184,134,11#B8860BDarkGoldenrod

    レモンイエローに近い色 Pantone(パントーン)

    色見本Pantone(パントーン) 色名
    PANTONE605 C
    PANTONE115 C
    PANTONE109 C
    PANTONE116 C
    PANTONE108 C

    レモンイエローに近い色 DIC

    色見本DIC 色名
    DIC2541
    DIC2538
    DIC637
    DIC57
    DIC166
  • たんぽぽ色 色

    #FFBE00の色基本情報
    16進数#FFBE00
    RGB255 , 190, 0
    HSV45 , 100% , 100%
    HSL45 , 100% , 50%
    CMY62% , 50% , 12%
    XYZ59 , 58 , 8
    CIE 1976 (L*, a*, b*)80 , 0.1 , 0.82

    たんぽぽ色 cmyk

    cmykの値 C:0% M:25% Y:100% K:0%

    たんぽぽ色に近い色 マンセル値

    色見本マンセル値 色名RGBCMYK16進数Yxy
    2.5Y 8/12251,195,100,22,96,1#FBC30A59.25,0.4648,0.4656

    たんぽぽ色に近いPCCSの色

    色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
    v77:rY-7.5-9s7238,172,0#eeac00

     

    たんぽぽ色の配色 パターン

    たんぽぽ色の各種配色パターンの
    色見本やカラーコードの一覧です。

    たんぽぽ色 2色 配色 ダイアード(補色)

    色見本RGB16進数
    255,190,0#FFBE00
    0,64,255#0040ff

    たんぽぽ色 3色 配色 スプリットコンプリメンタリー(分裂補色)

    色見本RGB16進数
    255,190,0#FFBE00
    0,191,255#00bfff
    64,0,255#4000ff

    たんぽぽ色 3色 配色 トライアド

    色見本RGB16進数
    255,190,0#FFBE00
    0,255,191#00ffbf
    191,0,255#bf00ff

    たんぽぽ色 4色 配色 テトラード

    色見本RGB16進数
    255,190,0#FFBE00
    0,255,64#00ff40
    0,64,255#0040ff
    255,0,191#ff00bf

    たんぽぽ色 5色 配色 ペンタード

    色見本RGB16進数
    255,190,0#FFBE00
    13,255,0#0dff00
    0,217,255#00d9ff
    89,0,255#5900ff
    255,0,115#ff0073

    たんぽぽ色 6色 配色 ヘクサード

    色見本RGB16進数
    255,190,0#FFBE00
    64,255,0#40ff00
    0,255,191#00ffbf
    0,64,255#0040ff
    191,0,255#bf00ff
    255,0,64#ff0040

    #FFBE00 同一トーン配色パターン

    同じトーンでの組み合わせ まとまりがある

    配色 2 色

    #eeac00 #e2c500 #f29500 #c8bb00 #a4b300 #e66d00
    #e55125 #4aa315 #dd3737 #cd1f42 #009a55 #008c69
    #b5184f #007e77 #ab2664 #007c8c #892c71 #006b93
    #793580 #005a91 #663e8c #00569c #474798 #00509d

    配色 3 色

    #eeac00#e2c500 #f29500#c8bb00
    #a4b300#e66d00 #e55125#4aa315
    #dd3737#cd1f42 #009a55#008c69
    #b5184f#007e77 #ab2664#007c8c
    #892c71#006b93 #793580#005a91
    #663e8c#00569c #474798#00509d

    #FFBE00 ドミナントカラー 配色パターン

    同じ色相異なるトーンでの組み合わせ

    配色 2 色

    #eeac00 #f9bb2b

    配色 3 色

    #eeac00#f9bb2b

    類似トーン配色パターン

    隣接したトーンでの組み合わせ まとまりがある

    類似トーン (s)

    #d2b700 #db8b08 #9aa400 #c7512c #c13547 #008a52
    #a03663 #007b75 #006a8b #753a7a #005692 #4b488e

    対象トーン配色パターン

    離れたトーンでの組み合わせ メリハリがある配色

    対象トーン (ltg)

    #c0b69b #bab89b #c7b3a0 #bda39a #bda2a2 #95afa0
    #b9a3aa #90aeab #a497a4 #95acb5 #9c99a9 #929caa

    対象トーン (g)

    #716951 #6c6a51 #776656 #6f5951 #6f5858 #576e61
    #6c585e #536e6c #5a4e5a #4c6068 #52505e #4a525e

    カマイユ 配色パターン

    隣接した色相、同一類似のトーンを使った配色

    pccs色相番号 +1

    #e2c500

    pccs色相番号 -1

    #f29500

    フォ・カマイユ 配色パターン

    類似した色相、同一類似のトーンを使った配色

    pccs色相番号 +2

    #c8bb00

    pccs色相番号 -2

    #e66d00

    ピコロール 配色 2 色

    ビビット(v)トーンを使った2色のコントラスト

    #000000 #b5184f #892c71 #663e8c

    トリコロール 配色 3 色

    ビビット(v)トーンを使った3色のコントラスト

    #007c8c#892c71
    #000000#007c8c

    色相 グラデーション配色

    色相を使った段階的に変化させる配色

    #c8bb00#4aa315#008c69#007c8c
    #e66d00#dd3737#b5184f#892c71
  • ひまわり色 色

    #FFB500の色基本情報
    16進数#FFB500
    RGB255 , 181, 0
    HSV43 , 100% , 100%
    HSL43 , 100% , 50%
    CMY64% , 50% , 14%
    XYZ57 , 54 , 7
    CIE 1976 (L*, a*, b*)78 , 0.15 , 0.81

    ひまわり色 cmyk

    cmykの値 C:0% M:29% Y:100% K:0%

    ひまわり色に近い色 マンセル値

    色見本マンセル値 色名RGBCMYK16進数Yxy
    10YR 8/12255,189,400,25,84,0#FFBD2859.2,0.473,0.4482

    ひまわり色に近いPCCSの色

    色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
    v77:rY-7.5-9s7238,172,0#eeac00

     

    ひまわり色の配色 パターン

    ひまわり色の各種配色パターンの
    色見本やカラーコードの一覧です。

    ひまわり色 2色 配色 ダイアード(補色)

    色見本RGB16進数
    255,181,0#FFB500
    0,72,255#0048ff

    ひまわり色 3色 配色 スプリットコンプリメンタリー(分裂補色)

    色見本RGB16進数
    255,181,0#FFB500
    0,200,255#00c8ff
    55,0,255#3700ff

    ひまわり色 3色 配色 トライアド

    色見本RGB16進数
    255,181,0#FFB500
    0,255,183#00ffb7
    183,0,255#b700ff

    ひまわり色 4色 配色 テトラード

    色見本RGB16進数
    255,181,0#FFB500
    0,255,55#00ff37
    0,72,255#0048ff
    255,0,200#ff00c8

    ひまわり色 5色 配色 ペンタード

    色見本RGB16進数
    255,181,0#FFB500
    21,255,0#15ff00
    0,225,255#00e1ff
    81,0,255#5100ff
    255,0,123#ff007b

    ひまわり色 6色 配色 ヘクサード

    色見本RGB16進数
    255,181,0#FFB500
    72,255,0#48ff00
    0,255,183#00ffb7
    0,72,255#0048ff
    183,0,255#b700ff
    255,0,72#ff0048

    #FFB500 同一トーン配色パターン

    同じトーンでの組み合わせ まとまりがある

    配色 2 色

    #eeac00 #f29500 #e2c500 #c8bb00 #e66d00 #a4b300
    #e55125 #dd3737 #4aa315 #cd1f42 #009a55 #b5184f
    #008c69 #ab2664 #007e77 #007c8c #892c71 #006b93
    #793580 #005a91 #663e8c #00569c #474798 #00509d

    配色 3 色

    #eeac00#f29500 #e2c500#c8bb00
    #e66d00#a4b300 #e55125#dd3737
    #4aa315#cd1f42 #009a55#b5184f
    #008c69#ab2664 #007e77#007c8c
    #892c71#006b93 #793580#005a91
    #663e8c#00569c #474798#00509d

    #FFB500 ドミナントカラー 配色パターン

    同じ色相異なるトーンでの組み合わせ

    配色 2 色

    #eeac00 #f9bb2b

    配色 3 色

    #eeac00#f9bb2b

    類似トーン配色パターン

    隣接したトーンでの組み合わせ まとまりがある

    類似トーン (s)

    #db8b08 #d2b700 #9aa400 #c7512c #c13547 #008a52
    #a03663 #007b75 #006a8b #753a7a #4b488e #005692

    対象トーン配色パターン

    離れたトーンでの組み合わせ メリハリがある配色

    対象トーン (ltg)

    #c0b69b #bab89b #c7b3a0 #bda39a #bda2a2 #95afa0
    #b9a3aa #90aeab #a497a4 #9c99a9 #95acb5 #929caa

    対象トーン (g)

    #716951 #6c6a51 #776656 #6f5951 #6f5858 #576e61
    #6c585e #536e6c #5a4e5a #4c6068 #52505e #4a525e

    カマイユ 配色パターン

    隣接した色相、同一類似のトーンを使った配色

    pccs色相番号 +1

    #e2c500

    pccs色相番号 -1

    #f29500

    フォ・カマイユ 配色パターン

    類似した色相、同一類似のトーンを使った配色

    pccs色相番号 +2

    #c8bb00

    pccs色相番号 -2

    #e66d00

    ピコロール 配色 2 色

    ビビット(v)トーンを使った2色のコントラスト

    #000000 #b5184f #892c71 #663e8c

    トリコロール 配色 3 色

    ビビット(v)トーンを使った3色のコントラスト

    #007c8c#892c71
    #000000#007c8c

    色相 グラデーション配色

    色相を使った段階的に変化させる配色

    #c8bb00#4aa315#008c69#007c8c
    #e66d00#dd3737#b5184f#892c71
  • クロムイエロー 色

    #FFBC00の色基本情報
    16進数#FFBC00
    RGB255 , 188, 0
    HSV44 , 100% , 100%
    HSL44 , 100% , 50%
    CMY63% , 50% , 13%
    XYZ59 , 57 , 7
    CIE 1976 (L*, a*, b*)80 , 0.11 , 0.82

    クロムイエロー cmyk

    cmykの値 C:0% M:26% Y:100% K:0%

    クロムイエローに近い色 マンセル値

    色見本マンセル値 色名RGBCMYK16進数Yxy
    2.5Y 8/12251,195,100,22,96,1#FBC30A59.25,0.4648,0.4656

    クロムイエローに近いPCCSの色

    色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
    v77:rY-7.5-9s7238,172,0#eeac00

     

    クロムイエローの配色 パターン

    クロムイエローの各種配色パターンの
    色見本やカラーコードの一覧です。

    クロムイエロー 2色 配色 ダイアード(補色)

    色見本RGB16進数
    255,188,0#FFBC00
    0,68,255#0044ff

    クロムイエロー 3色 配色 スプリットコンプリメンタリー(分裂補色)

    色見本RGB16進数
    255,188,0#FFBC00
    0,196,255#00c4ff
    60,0,255#3c00ff

    クロムイエロー 3色 配色 トライアド

    色見本RGB16進数
    255,188,0#FFBC00
    0,255,187#00ffbb
    187,0,255#bb00ff

    クロムイエロー 4色 配色 テトラード

    色見本RGB16進数
    255,188,0#FFBC00
    0,255,60#00ff3c
    0,68,255#0044ff
    255,0,196#ff00c4

    クロムイエロー 5色 配色 ペンタード

    色見本RGB16進数
    255,188,0#FFBC00
    17,255,0#11ff00
    0,221,255#00ddff
    85,0,255#5500ff
    255,0,119#ff0077

    クロムイエロー 6色 配色 ヘクサード

    色見本RGB16進数
    255,188,0#FFBC00
    68,255,0#44ff00
    0,255,187#00ffbb
    0,68,255#0044ff
    187,0,255#bb00ff
    255,0,68#ff0044

    #FFBC00 同一トーン配色パターン

    同じトーンでの組み合わせ まとまりがある

    配色 2 色

    #eeac00 #e2c500 #f29500 #c8bb00 #a4b300 #e66d00
    #e55125 #4aa315 #dd3737 #cd1f42 #009a55 #008c69
    #b5184f #007e77 #ab2664 #007c8c #892c71 #006b93
    #793580 #005a91 #663e8c #00569c #474798 #00509d

    配色 3 色

    #eeac00#e2c500 #f29500#c8bb00
    #a4b300#e66d00 #e55125#4aa315
    #dd3737#cd1f42 #009a55#008c69
    #b5184f#007e77 #ab2664#007c8c
    #892c71#006b93 #793580#005a91
    #663e8c#00569c #474798#00509d

    #FFBC00 ドミナントカラー 配色パターン

    同じ色相異なるトーンでの組み合わせ

    配色 2 色

    #eeac00 #f9bb2b

    配色 3 色

    #eeac00#f9bb2b

    類似トーン配色パターン

    隣接したトーンでの組み合わせ まとまりがある

    類似トーン (s)

    #d2b700 #db8b08 #9aa400 #c7512c #c13547 #008a52
    #a03663 #007b75 #006a8b #753a7a #4b488e #005692

    対象トーン配色パターン

    離れたトーンでの組み合わせ メリハリがある配色

    対象トーン (ltg)

    #c0b69b #bab89b #c7b3a0 #bda39a #bda2a2 #95afa0
    #b9a3aa #90aeab #a497a4 #9c99a9 #95acb5 #929caa

    対象トーン (g)

    #716951 #6c6a51 #776656 #6f5951 #6f5858 #576e61
    #6c585e #536e6c #5a4e5a #4c6068 #52505e #4a525e

    カマイユ 配色パターン

    隣接した色相、同一類似のトーンを使った配色

    pccs色相番号 +1

    #e2c500

    pccs色相番号 -1

    #f29500

    フォ・カマイユ 配色パターン

    類似した色相、同一類似のトーンを使った配色

    pccs色相番号 +2

    #c8bb00

    pccs色相番号 -2

    #e66d00

    ピコロール 配色 2 色

    ビビット(v)トーンを使った2色のコントラスト

    #000000 #b5184f #892c71 #663e8c

    トリコロール 配色 3 色

    ビビット(v)トーンを使った3色のコントラスト

    #007c8c#892c71
    #000000#007c8c

    色相 グラデーション配色

    色相を使った段階的に変化させる配色

    #c8bb00#4aa315#008c69#007c8c
    #e66d00#dd3737#b5184f#892c71
  • カナリヤ 色

    #F7D54Eの色基本情報
    16進数#F7D54E
    RGB247 , 213, 78
    HSV48 , 68% , 97%
    HSL48 , 91% , 64%
    CMY42% , 36% , 9%
    XYZ63 , 67 , 16
    CIE 1976 (L*, a*, b*)85 , -0.03 , 0.68

    カナリヤ cmyk

    cmykの値 C:0% M:13% Y:68% K:3%

    カナリヤ に近い色 マンセル値

    色見本マンセル値 色名RGBCMYK16進数Yxy
    2.5Y 9/10255,224,900,12,64,0#FFE05A78.85,0.4355,0.4454

    カナリヤ に近いPCCSの色

    色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
    b88: Y-8.5-8s8242,211,36#f2d324

     

    カナリヤ の配色 パターン

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

    カナリヤ 2色 配色 ダイアード(補色)

    色見本RGB16進数
    247,213,78#F7D54E
    80,113,247#5071f7

    カナリヤ 3色 配色 スプリットコンプリメンタリー(分裂補色)

    色見本RGB16進数
    247,213,78#F7D54E
    80,197,247#50c5f7
    130,80,247#8250f7

    カナリヤ 3色 配色 トライアド

    色見本RGB16進数
    247,213,78#F7D54E
    80,247,213#50f7d5
    213,80,247#d550f7

    カナリヤ 4色 配色 テトラード

    色見本RGB16進数
    247,213,78#F7D54E
    80,247,130#50f782
    80,113,247#5071f7
    247,80,197#f750c5

    カナリヤ 5色 配色 ペンタード

    色見本RGB16進数
    247,213,78#F7D54E
    80,247,80#50f750
    80,213,247#50d5f7
    146,80,247#9250f7
    247,80,146#f75092

    カナリヤ 6色 配色 ヘクサード

    色見本RGB16進数
    247,213,78#F7D54E
    113,247,80#71f750
    80,247,213#50f7d5
    80,113,247#5071f7
    213,80,247#d550f7
    247,80,113#f75071

    #F7D54E 同一トーン配色パターン

    同じトーンでの組み合わせ まとまりがある

    配色 2 色

    #f2d324 #d9c81b #f9bb2b #b7bf19 #fba52f #fb8d3d
    #76bb4c #f7774d #f16056 #00b275 #00a583 #f15d69
    #00a39b #d75674 #cc5c87 #0094a1 #008fb3 #ab5792
    #9c5da0 #007daf #8b63ac #716bb6 #1979ba #4d73bb

    配色 3 色

    #f2d324#d9c81b #f9bb2b#b7bf19
    #fba52f#fb8d3d #76bb4c#f7774d
    #f16056#00b275 #00a583#f15d69
    #00a39b#d75674 #cc5c87#0094a1
    #008fb3#ab5792 #9c5da0#007daf
    #8b63ac#716bb6 #1979ba#4d73bb

    #F7D54E ドミナントカラー 配色パターン

    同じ色相異なるトーンでの組み合わせ

    配色 2 色

    #f2d324 #edd267 #d2b700 #e2c500 #f9e08a #ccb664
    #a48f00 #a18e40 #efe0b5 #ebe0c4 #c0b69b #6b5e1b
    #716951 #423c2d

    配色 3 色

    #f2d324#edd267 #d2b700#e2c500
    #f9e08a#ccb664 #a48f00#a18e40
    #efe0b5#ebe0c4 #c0b69b#6b5e1b
    #716951#423c2d

    類似トーン配色パターン

    隣接したトーンでの組み合わせ まとまりがある

    類似トーン (b)

    #f2d324 #d9c81b #f9bb2b #b7bf19 #fba52f #fb8d3d
    #76bb4c #f7774d #f16056 #00b275 #00a583 #f15d69
    #00a39b #d75674 #cc5c87 #0094a1 #008fb3 #ab5792
    #9c5da0 #007daf #8b63ac #716bb6 #1979ba #4d73bb

    類似トーン (lt)

    #f9e08a #d9d784 #ffc887 #ffb195 #8dd3ad #f59fa0
    #71c5be #d995ac #71b1c7 #b48fb5 #9c95c1 #7e9dc3

    類似トーン (lt+)

    #edd267 #caca61 #fcb869 #ff9e7d #73c89c #f28c8e
    #d98295 #3faba4 #52a6bf #ac7eae #6591c0 #8e87be

    対象トーン配色パターン

    離れたトーンでの組み合わせ メリハリがある配色

    対象トーン (dp)

    #a48f00 #717d00 #aa6600 #a53b1b #006f3e #9f1b34
    #00625c #811f4c #00526f #5a265f #004075 #343472

    対象トーン (g)

    #716951 #6c6a51 #776656 #6f5951 #576e61 #6f5858
    #536e6c #6c585e #4c6068 #5a4e5a #52505e #4a525e

    #F7D54E トーンオントーン 配色パターン

    同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す

    #a48f00 #716951

    カマイユ 配色パターン

    隣接した色相、同一類似のトーンを使った配色

    pccs色相番号 +1

    #d9c81b

    pccs色相番号 -1

    #f9bb2b

    フォ・カマイユ 配色パターン

    類似した色相、同一類似のトーンを使った配色

    pccs色相番号 +2

    #b7bf19

    pccs色相番号 -2

    #fba52f

    トーン グラデーション配色

    トーンを使った段階的に変化させる配色

    #f2d324#d2b700#a48f00

    色相 グラデーション配色

    色相を使った段階的に変化させる配色

    #b7bf19#00b275#00a39b#008fb3
  • ジョンブリアン 色

    #FFCC00の色基本情報
    16進数#FFCC00
    RGB255 , 204, 0
    HSV48 , 100% , 100%
    HSL48 , 100% , 50%
    CMY60% , 50% , 9%
    XYZ62 , 64 , 9
    CIE 1976 (L*, a*, b*)84 , 0.03 , 0.85

    ジョンブリアン cmyk

    cmykの値 C:0% M:19% Y:100% K:0%

    ジョンブリアンに近い色 マンセル値

    色見本マンセル値 色名RGBCMYK16進数Yxy
    2.5Y 8/12251,195,100,22,96,1#FBC30A59.25,0.4648,0.4656

    ジョンブリアンに近いPCCSの色

    色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
    b88: Y-8.5-8s8242,211,36#f2d324

     

    ジョンブリアンの配色 パターン

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

    ジョンブリアン 2色 配色 ダイアード(補色)

    色見本RGB16進数
    255,204,0#FFCC00
    0,51,255#0033ff

    ジョンブリアン 3色 配色 スプリットコンプリメンタリー(分裂補色)

    色見本RGB16進数
    255,204,0#FFCC00
    0,179,255#00b3ff
    77,0,255#4d00ff

    ジョンブリアン 3色 配色 トライアド

    色見本RGB16進数
    255,204,0#FFCC00
    0,255,204#00ffcc
    204,0,255#cc00ff

    ジョンブリアン 4色 配色 テトラード

    色見本RGB16進数
    255,204,0#FFCC00
    0,255,77#00ff4d
    0,51,255#0033ff
    255,0,179#ff00b3

    ジョンブリアン 5色 配色 ペンタード

    色見本RGB16進数
    255,204,0#FFCC00
    0,255,0#00ff00
    0,204,255#00ccff
    102,0,255#6600ff
    255,0,102#ff0066

    ジョンブリアン 6色 配色 ヘクサード

    色見本RGB16進数
    255,204,0#FFCC00
    51,255,0#33ff00
    0,255,204#00ffcc
    0,51,255#0033ff
    204,0,255#cc00ff
    255,0,51#ff0033

    #FFCC00 同一トーン配色パターン

    同じトーンでの組み合わせ まとまりがある

    配色 2 色

    #f2d324 #f9bb2b #d9c81b #fba52f #b7bf19 #fb8d3d
    #76bb4c #f7774d #f16056 #f15d69 #00b275 #00a583
    #d75674 #00a39b #cc5c87 #0094a1 #ab5792 #008fb3
    #9c5da0 #007daf #8b63ac #716bb6 #1979ba #4d73bb

    配色 3 色

    #f2d324#f9bb2b #d9c81b#fba52f
    #b7bf19#fb8d3d #76bb4c#f7774d
    #f16056#f15d69 #00b275#00a583
    #d75674#00a39b #cc5c87#0094a1
    #ab5792#008fb3 #9c5da0#007daf
    #8b63ac#716bb6 #1979ba#4d73bb

    #FFCC00 ドミナントカラー 配色パターン

    同じ色相異なるトーンでの組み合わせ

    配色 2 色

    #f2d324 #e2c500 #d2b700 #edd267 #a48f00 #f9e08a
    #ccb664 #a18e40 #efe0b5 #6b5e1b #ebe0c4 #c0b69b
    #716951 #423c2d

    配色 3 色

    #f2d324#e2c500 #d2b700#edd267
    #a48f00#f9e08a #ccb664#a18e40
    #efe0b5#6b5e1b #ebe0c4#c0b69b
    #716951#423c2d

    類似トーン配色パターン

    隣接したトーンでの組み合わせ まとまりがある

    類似トーン (b)

    #f2d324 #f9bb2b #d9c81b #fba52f #b7bf19 #fb8d3d
    #76bb4c #f7774d #f16056 #f15d69 #00b275 #00a583
    #d75674 #00a39b #cc5c87 #0094a1 #ab5792 #008fb3
    #9c5da0 #007daf #8b63ac #716bb6 #1979ba #4d73bb

    類似トーン (lt)

    #f9e08a #ffc887 #d9d784 #ffb195 #f59fa0 #8dd3ad
    #d995ac #71c5be #b48fb5 #71b1c7 #9c95c1 #7e9dc3

    類似トーン (lt+)

    #edd267 #caca61 #fcb869 #ff9e7d #f28c8e #73c89c
    #d98295 #3faba4 #ac7eae #52a6bf #8e87be #6591c0

    対象トーン配色パターン

    離れたトーンでの組み合わせ メリハリがある配色

    対象トーン (dp)

    #a48f00 #aa6600 #717d00 #a53b1b #006f3e #9f1b34
    #00625c #811f4c #00526f #5a265f #004075 #343472

    対象トーン (g)

    #716951 #6c6a51 #776656 #6f5951 #576e61 #6f5858
    #6c585e #536e6c #4c6068 #5a4e5a #52505e #4a525e

    #FFCC00 トーンオントーン 配色パターン

    同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す

    #a48f00 #716951

    カマイユ 配色パターン

    隣接した色相、同一類似のトーンを使った配色

    pccs色相番号 +1

    #d9c81b

    pccs色相番号 -1

    #f9bb2b

    フォ・カマイユ 配色パターン

    類似した色相、同一類似のトーンを使った配色

    pccs色相番号 +2

    #b7bf19

    pccs色相番号 -2

    #fba52f

    トーン グラデーション配色

    トーンを使った段階的に変化させる配色

    #f2d324#d2b700#a48f00

    色相 グラデーション配色

    色相を使った段階的に変化させる配色

    #b7bf19#00b275#00a39b#008fb3

tag:イエロー, 黄色,



記事
cmyk 色見本

cmyk RGB 変換 使い方 CMYK⇔RGBの相互変換可能なWEBツールです。 RGBやcmyk…

補色 ツール 自動変換

    補色 ツールの説明 この補色 ツールはRGBやCMYKの値から自動的に捕…

カラー パレット 作成 パステル

カラー パレット 作成 パステル 説明 パステル調の色でカラー パレットを作成するツール。 絵具のパ…