Web色変換 タイトル画像

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

青 カラーコード 一覧

薄い色 16進数

  • 白 色

    #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
    白 cmykcmykの値 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

     

    白 配色白 合う色同一トーン配色パターン
    同じトーンでの組み合わせ まとまりがある
    配色 2 色
    #efefef
    配色 3 色ドミナントカラー 配色パターン
    同じ色相異なるトーンでの組み合わせ
    配色 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
    スノーホワイト cmykcmykの値 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

     

    スノーホワイト 配色スノーホワイト 合う色同一トーン配色パターン
    同じトーンでの組み合わせ まとまりがある
    配色 2 色
    #efefef
    配色 3 色ドミナントカラー 配色パターン
    同じ色相異なるトーンでの組み合わせ
    配色 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
    胡粉色 cmykcmykの値 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
    胡粉色 合う色同一トーン配色パターン
    同じトーンでの組み合わせ まとまりがある
    配色 2 色
    #efefef
    配色 3 色ドミナントカラー 配色パターン
    同じ色相異なるトーンでの組み合わせ
    配色 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
    生成り色 cmykcmykの値 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
    生成り色 合う色同一トーン配色パターン
    同じトーンでの組み合わせ まとまりがある
    配色 2 色
    #efefef
    配色 3 色ドミナントカラー 配色パターン
    同じ色相異なるトーンでの組み合わせ
    配色 2 色
    #efefef #d2d2d2 #b6b6b6 #9b9b9b #818181 #696969
    #525252 #3c3c3c #292929
    配色 3 色
    #efefef#d2d2d2 #b6b6b6#9b9b9b
    #818181#696969 #525252#3c3c3c

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



記事
webp から jpg 一括

webp 変換ツール 説明 webpからjpg,png変換やjpgやpngなどの画像ファイルからwe…

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

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

cmyk 色見本

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

rgb 変換

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

画像 色 抽出

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

画像サイズ変更 縮小拡大 ツール

画像サイズ変更 縮小拡大 ツール 使い方   横向きの画像と縦向きの画像が混ざっている時に…

色 抽出 スポイトツール

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

rgba 変換