Web色変換

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

青 カラーコード 一覧

カラーコード 白(薄い色) 16進数 cmyk

  • 白 色

    #FFFFFFの色基本情報
    16進数#FFFFFF
    RGB255 , 255, 255
    HSV0 , 0% , 100%
    HSL0 , 0% , 100%
    CMY0% , 0% , 0%
    XYZ95 , 100 , 108
    CIE 1976 (L*, a*, b*)100 , 0 , -0.01

    白 cmyk

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

    白に近い色 マンセル値

    色見本マンセル値 色名RGBCMYK16進数Yxy
    N 10255,255,2550,0,0,0#FFFFFF102.57,0.3128,0.3291

    白に近いPCCSの色

    色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
    WN-9.5N239,239,239#efefef

     

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

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

    配色 2 色

    #efefef

    配色 3 色

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

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

    配色 2 色

    #efefef #d2d2d2 #b6b6b6 #9b9b9b #818181 #696969
    #525252 #3c3c3c #292929

    配色 3 色

    #efefef#d2d2d2 #b6b6b6#9b9b9b
    #818181#696969 #525252#3c3c3c

    カラーコード 白系(薄い色) 一覧

    カラーコード 白系の 一覧表、見た目白色(ピンク、パステルカラー)の近似値を 10進数(RGB)と16進数で全体的に出力しています。 黒い文字と相性がいいのでWEB用の背景としてよく使われます。 RGB 各値を 5間隔の各組み合わせで白系の 色見本を載せています。
    色見本カラーコード RGB値カラーコード 16進数
    230,225,225#e6e1e1
    235,225,225#ebe1e1
    240,225,225#f0e1e1
    245,225,225#f5e1e1
    250,225,225#fae1e1
    255,225,225#ffe1e1
    230,235,225#e6ebe1
    235,235,225#ebebe1
    240,235,225#f0ebe1
    245,235,225#f5ebe1
    250,235,225#faebe1
    255,235,225#ffebe1
    230,245,225#e6f5e1
    235,245,225#ebf5e1
    240,245,225#f0f5e1
    245,245,225#f5f5e1
    250,245,225#faf5e1
    255,245,225#fff5e1
    230,255,225#e6ffe1
    235,255,225#ebffe1
    240,255,225#f0ffe1
    245,255,225#f5ffe1
    250,255,225#faffe1
    255,255,225#ffffe1
    230,225,235#e6e1eb
    235,225,235#ebe1eb
    240,225,235#f0e1eb
    245,225,235#f5e1eb
    250,225,235#fae1eb
    255,225,235#ffe1eb
    230,235,235#e6ebeb
    235,235,235#ebebeb
    240,235,235#f0ebeb
    245,235,235#f5ebeb
    250,235,235#faebeb
    255,235,235#ffebeb
    230,245,235#e6f5eb
    235,245,235#ebf5eb
    240,245,235#f0f5eb
    245,245,235#f5f5eb
    250,245,235#faf5eb
    255,245,235#fff5eb
    230,255,235#e6ffeb
    235,255,235#ebffeb
    240,255,235#f0ffeb
    245,255,235#f5ffeb
    250,255,235#faffeb
    255,255,235#ffffeb
    230,225,245#e6e1f5
    235,225,245#ebe1f5
    240,225,245#f0e1f5
    245,225,245#f5e1f5
    250,225,245#fae1f5
    255,225,245#ffe1f5
    230,235,245#e6ebf5
    235,235,245#ebebf5
    240,235,245#f0ebf5
    245,235,245#f5ebf5
    250,235,245#faebf5
    255,235,245#ffebf5
    230,245,245#e6f5f5
    235,245,245#ebf5f5
    240,245,245#f0f5f5
    245,245,245#f5f5f5
    250,245,245#faf5f5
    255,245,245#fff5f5
    230,255,245#e6fff5
    235,255,245#ebfff5
    240,255,245#f0fff5
    245,255,245#f5fff5
    250,255,245#fafff5
    255,255,245#fffff5
    230,225,255#e6e1ff
    235,225,255#ebe1ff
    240,225,255#f0e1ff
    245,225,255#f5e1ff
    250,225,255#fae1ff
    255,225,255#ffe1ff
    230,235,255#e6ebff
    235,235,255#ebebff
    240,235,255#f0ebff
    245,235,255#f5ebff
    250,235,255#faebff
    255,235,255#ffebff
    230,245,255#e6f5ff
    235,245,255#ebf5ff
    240,245,255#f0f5ff
    245,245,255#f5f5ff
    250,245,255#faf5ff
    255,245,255#fff5ff
    230,255,255#e6ffff
    235,255,255#ebffff
    240,255,255#f0ffff
    245,255,255#f5ffff
    250,255,255#faffff
    255,255,255#ffffff

    白に近い色見本 色番号

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

    白に近い色 jis慣用色名

    色見本RGB16進数jis慣用色名 色名
    241,241,241#F1F1F1スノーホワイト
    242,232,236 #F2E8EC胡粉色
    240,226,224#F0E2E0生成 り色
    227,212,202#E3D4CAアイボリー
    202,219,207 #CADBCF白緑

    白に近い 色 Webカラー

    色見本RGB16進数Webカラー 色名
    255,255,255#FFFFFFWhite
    255,250,250 #FFFAFASnow
    245,245,245#F5F5F5WhiteSmoke
    248,248,255#F8F8FFGhostWhite
    245,255,250#F5FFFAMintCream

    白に近い色 Pantone(パントーン)

    色見本Pantone(パント ーン) 色名
    PANTONE663 C
    PANTONE656 C
    PANTONE649 C
    PANTONE642 C
    PANTONE5315 C

    白に近い色 DIC

    色見本DIC 色名
    DIC582B
    DIC583
    DIC2226
    DIC2170
    DIC2196
  • スノーホワイト 色

    #F1F1F1の色基本情報
    16進数#F1F1F1
    RGB241 , 241, 241
    HSV0 , 0% , 95%
    HSL0 , 0% , 95%
    CMY5% , 5% , 5%
    XYZ83 , 87 , 95
    CIE 1976 (L*, a*, b*)95 , 0 , -0.01

    スノーホワイト cmyk

    cmykの値 C:0% M:0% Y:0% K:5%

    スノーホワイトに近い色 マンセル値

    色見本マンセル値 色名RGBCMYK16進数Yxy
    N 9229,229,2290,0,0,10#E5E5E578.66,0.3128,0.3291

    スノーホワイトに近いPCCSの色

    色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
    WN-9.5N239,239,239#efefef

     

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

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

    配色 2 色

    #efefef

    配色 3 色

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

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

    配色 2 色

    #efefef #d2d2d2 #b6b6b6 #9b9b9b #818181 #696969
    #525252 #3c3c3c #292929

    配色 3 色

    #efefef#d2d2d2 #b6b6b6#9b9b9b
    #818181#696969 #525252#3c3c3c
  • 胡粉色 色

    #F2E8ECの色基本情報
    16進数#F2E8EC
    RGB242 , 232, 236
    HSV336 , 4% , 95%
    HSL336 , 28% , 93%
    CMY8% , 6% , 7%
    XYZ80 , 82 , 91
    CIE 1976 (L*, a*, b*)92 , 0.04 , -0.01

    胡粉色 cmyk

    cmykの値 C:0% M:4% Y:2% K:5%

    胡粉色に近い色 マンセル値

    色見本マンセル値 色名RGBCMYK16進数Yxy
    10P 9/2237,227,2330,4,1,7#EDE3E978.62,0.3157,0.322

    胡粉色に近いPCCSの色

    色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
    WN-9.5N239,239,239#efefef

     

    胡粉色の配色 パターン

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

    胡粉色 2色 配色 ダイアード(補色)

    色見本RGB16進数
    242,232,236#F2E8EC
    232,242,238#e8f2ee

    胡粉色 3色 配色 スプリットコンプリメンタリー(分裂補色)

    色見本RGB16進数
    242,232,236#F2E8EC
    232,242,233#e8f2e9
    232,241,242#e8f1f2

    胡粉色 3色 配色 トライアド

    色見本RGB16進数
    242,232,236#F2E8EC
    236,242,232#ecf2e8
    232,236,242#e8ecf2

    胡粉色 4色 配色 テトラード

    色見本RGB16進数
    242,232,236#F2E8EC
    241,242,232#f1f2e8
    232,242,238#e8f2ee
    233,232,242#e9e8f2

    胡粉色 5色 配色 ペンタード

    色見本RGB16進数
    242,232,236#F2E8EC
    242,240,232#f2f0e8
    232,242,232#e8f2e8
    232,240,242#e8f0f2
    236,232,242#ece8f2

    胡粉色 6色 配色 ヘクサード

    色見本RGB16進数
    242,232,236#F2E8EC
    242,238,232#f2eee8
    236,242,232#ecf2e8
    232,242,238#e8f2ee
    232,236,242#e8ecf2
    238,232,242#eee8f2

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

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

    配色 2 色

    #efefef

    配色 3 色

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

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

    配色 2 色

    #efefef #d2d2d2 #b6b6b6 #9b9b9b #818181 #696969
    #525252 #3c3c3c #292929

    配色 3 色

    #efefef#d2d2d2 #b6b6b6#9b9b9b
    #818181#696969 #525252#3c3c3c
  • 生成り色 色

    #F0E2E0の色基本情報
    16進数#F0E2E0
    RGB240 , 226, 224
    HSV8 , 7% , 94%
    HSL8 , 35% , 91%
    CMY11% , 9% , 8%
    XYZ76 , 78 , 81
    CIE 1976 (L*, a*, b*)90 , 0.04 , 0.02

    生成り色 cmyk

    cmykの値 C:0% M:5% Y:6% K:5%

    生成り色に近い色 マンセル値

    色見本マンセル値 色名RGBCMYK16進数Yxy
    2.5R 9/2242,226,2260,6,6,5#F2E2E278.64,0.3239,0.3293

    生成り色に近いPCCSの色

    色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
    WN-9.5N239,239,239#efefef

     

    生成り色の配色 パターン

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

    生成り色 2色 配色 ダイアード(補色)

    色見本RGB16進数
    240,226,224#F0E2E0
    224,238,240#e0eef0

    生成り色 3色 配色 スプリットコンプリメンタリー(分裂補色)

    色見本RGB16進数
    240,226,224#F0E2E0
    224,240,234#e0f0ea
    224,230,240#e0e6f0

    生成り色 3色 配色 トライアド

    色見本RGB16進数
    240,226,224#F0E2E0
    224,240,226#e0f0e2
    226,224,240#e2e0f0

    生成り色 4色 配色 テトラード

    色見本RGB16進数
    240,226,224#F0E2E0
    230,240,224#e6f0e0
    224,238,240#e0eef0
    234,224,240#eae0f0

    生成り色 5色 配色 ペンタード

    色見本RGB16進数
    240,226,224#F0E2E0
    235,240,224#ebf0e0
    224,240,233#e0f0e9
    224,228,240#e0e4f0
    239,224,240#efe0f0

    生成り色 6色 配色 ヘクサード

    色見本RGB16進数
    240,226,224#F0E2E0
    238,240,224#eef0e0
    224,240,226#e0f0e2
    224,238,240#e0eef0
    226,224,240#e2e0f0
    240,224,238#f0e0ee

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

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

    配色 2 色

    #efefef

    配色 3 色

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

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

    配色 2 色

    #efefef #d2d2d2 #b6b6b6 #9b9b9b #818181 #696969
    #525252 #3c3c3c #292929

    配色 3 色

    #efefef#d2d2d2 #b6b6b6#9b9b9b
    #818181#696969 #525252#3c3c3c

tag:ピンク, 一覧, 色見本, 配色,



記事
cmyk 色見本

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

rgb 変換(HEX,CMYK,HSV,HSL,補色)

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

画像 色の割合 調べるツール

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