Web色変換

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

赤 カラーコード 一覧

ベビーピンク カラーコード

ベビーピンク 色

#FFC9D2の色基本情報
16進数#FFC9D2
RGB255 , 201, 210
HSV350 , 21% , 100%
HSL350 , 100% , 89%
CMY19% , 8% , 10%
XYZ73 , 67 , 70
CIE 1976 (L*, a*, b*)85 , 0.2 , 0.02

ベビーピンク cmyk

ベビーピンクに近い色 マンセル値

色見本マンセル値 色名RGBCMYK16進数Yxy
10RP 9/6255,211,2170,17,14,0#FFD3D978.52,0.3626,0.3229

ベビーピンクに近いPCCSの色

色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
p2+2: R-8.0-3s2233,184,184#e9b8b8

 

ベビーピンクの配色 パターン

ベビーピンクの各種配色パターンの
色見本やカラーコードの一覧です。

ベビーピンク 2色 配色 ダイアード(補色)

色見本RGB16進数
255,201,210#FFC9D2
199,255,246#c7fff6

ベビーピンク 3色 配色 スプリットコンプリメンタリー(分裂補色)

色見本RGB16進数
255,201,210#FFC9D2
199,255,218#c7ffda
199,236,255#c7ecff

ベビーピンク 3色 配色 トライアド

色見本RGB16進数
255,201,210#FFC9D2
208,255,199#d0ffc7
199,208,255#c7d0ff

ベビーピンク 4色 配色 テトラード

色見本RGB16進数
255,201,210#FFC9D2
236,255,199#ecffc7
199,255,246#c7fff6
218,199,255#dac7ff

ベビーピンク 5色 配色 ペンタード

色見本RGB16進数
255,201,210#FFC9D2
253,255,199#fdffc7
199,255,212#c7ffd4
199,231,255#c7e7ff
234,199,255#eac7ff

ベビーピンク 6色 配色 ヘクサード

色見本RGB16進数
255,201,210#FFC9D2
255,246,199#fff6c7
208,255,199#d0ffc7
199,255,246#c7fff6
199,208,255#c7d0ff
246,199,255#f6c7ff

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

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

配色 2 色

#e9b8b8 #debbc6 #e9baaa #c4afc4 #efccaa #b7b3cc
#a8b7cd #efe0b5 #d8d5a8 #a5cad7 #9ecdc9 #a5ceb6

配色 3 色

#e9b8b8#debbc6 #e9baaa#c4afc4
#efccaa#b7b3cc #a8b7cd#efe0b5
#d8d5a8#a5cad7 #9ecdc9#a5ceb6

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

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

配色 2 色

#e9b8b8 #e8cbcb #f59fa0 #bda2a2 #f28c8e #c8787a
#9d5456 #6f5858 #f15d69 #c13547 #642a2e #9f1b34
#cd1f42 #3d2f2f

配色 3 色

#e9b8b8#e8cbcb #f59fa0#bda2a2
#f28c8e#c8787a #9d5456#6f5858
#f15d69#c13547 #642a2e#9f1b34
#cd1f42#3d2f2f

類似トーン配色パターン

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

類似トーン (lt)

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

類似トーン (lt+)

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

類似トーン (ltg)

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

対象トーン配色パターン

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

対象トーン (v)

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

対象トーン (dkg)

#463b30 #423c2d #3e3d2d #3c2f33 #3d2f2f #3d2f2b
#273439 #253634 #27362e #2e272e #292830 #242931

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

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

#cd1f42 #3d2f2f

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

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

pccs色相番号 +2

#e9baaa

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

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

#e9b8b8#e8cbcb#bda2a2

色相 グラデーション配色

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

#e9baaa#efccaa#efe0b5#d8d5a8

ベビーピンクに近い色見本 色番号

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

ベビーピンクに近い色 jis慣用色名

色見本 RGB 16進数 jis慣用色名 色名
255,201,210 #FFC9D2 ベビーピンク
251,204,195 #FBCCC3 シェルピンク
255,219,237 #FFDBED 桜色
241,190,177 #F1BEB1 ネールピンク
235,192,175 #EBC0AF ピーチ

ベビーピンクに近い色 Webカラー

色見本 RGB 16進数 Webカラー 色名
255,192,203 #FFC0CB Pink
255,182,193 #FFB6C1 LightPink
255,228,225 #FFE4E1 MistyRose
216,191,216 #D8BFD8 Thistle
255,240,245 #FFF0F5 LavenderBlush

ベビーピンクに近い色 Pantone(パントーン)

色見本 Pantone(パントーン) 色名
PANTONE699 C
PANTONE496 C
PANTONE706 C
PANTONE510 C
PANTONE196 C

ベビーピンクに近い色 DIC

色見本 DIC 色名
DIC2012
DIC2011
DIC3
DIC2013
DIC2014

ベビーピンクの補色(合う色)

ベビーピンクの補色 色見本,rgb,16進数

色見本 RGB 16進数
201,255,246 C9FFF6

tag:16進数, cmyk, ピンク, 配色,



記事
パステルカラー

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

cmyk 色見本

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

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

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

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

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

色 抽出 スポイトツール

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

rgba 変換

rgba 変換 説明 css用の透明(半透明)のカラーコードを簡単に検索するツール。 検索方法は各ス…