色見本・カラーコード探索ツール - Webセーフカラーから和名・洋名までこだわり抜いた色探し：「もう少し明るい青にしたい」「和風の深みのある色が欲しい」といったこだわりの色探しをサポートするカラーリファレンスツールです。4,000色以上の色の名前、HEX、RGB、HSV、CMYKコードを網羅。プレビュー機能で色の変化をリアルタイムに確認でき、デザインや資料作成に最適な配色が見つかります。

#cbddf3の色彩情報

#cbddf3の同一色相、同一明度の配色

明度に変化を持たせた配色

#8bb3e4	#a0c1e9	#b5ceee	#c9dcf2	#dee9f7	#f3f7fc	#ffffff

#cbddf3の同一色相、同一彩度の配色

彩度に変化を持たせた配色

#bfdbfc	#c3dbf9	#c6dbf6	#c9dcf2	#cddcef	#d0dcec	#d3dde8

#cbddf3の補色

#f2e0c9

#cbddf3のコンプリメンタリー配色

色相環の正反対にある色同士の配色

#cbddf3	#f2e0c9

#cbddf3のトライアド配色

色相環を正三角形で3等分した位置にある3色の配色

#dcf2c9	#f2c9dc

#cbddf3のアナロガス配色

色相環で隣り合う色を組み合わせた配色

#c9f2e0	#e0c9f2

#cbddf3のスプリット・コンプリメンタリー配色

基準色とその補色の類似色を使った配色

#f0f2c9	#f2cbc9

#cbddf3のテトラード配色(長方形)配色

色相環を長方形に4分した位置にある4色の配色

#f2c9dc	#f2e0c9	#c9f2e0

#cbddf3のテトラード配色(正方形)配色

色相環を正方形に4分した位置にある4色の配色

#f2c9f0	#f2e0c9	#c9f2cb

#cbddf3のペンタード配色

色相環を正五角形で5等分した位置にある5色の配色

#e8c9f2	#f2c9cb	#ecf2c9	#c9f2d8

#cbddf3のヘクサード配色

色相環を正六角形で6等分した位置にある6色の配色

#e0c9f2	#f2c9dc	#f2e0c9	#dcf2c9	#c9f2e0

#cbddf3の12色相平面

0°

180°

360°

#cbddf3の12色相環

色相	色相値	RGB	HSL	HSV	HEX
	0	rgb(201,220,242)	hsl(213,62%,87%)	hsv(213,17%,95%)	#c9dcf2
	30	rgb(203,201,242)	hsl(243,62%,87%)	hsv(243,17%,95%)	#cbc9f2
	60	rgb(224,201,242)	hsl(273,62%,87%)	hsv(273,17%,95%)	#e0c9f2
	90	rgb(242,201,240)	hsl(303,62%,87%)	hsv(303,17%,95%)	#f2c9f0
	120	rgb(242,201,220)	hsl(333,62%,87%)	hsv(333,17%,95%)	#f2c9dc
	150	rgb(242,203,201)	hsl(3,62%,87%)	hsv(3,17%,95%)	#f2cbc9
	180	rgb(242,224,201)	hsl(33,62%,87%)	hsv(33,17%,95%)	#f2e0c9
	210	rgb(240,242,201)	hsl(63,62%,87%)	hsv(63,17%,95%)	#f0f2c9
	240	rgb(220,242,201)	hsl(93,62%,87%)	hsv(93,17%,95%)	#dcf2c9
	270	rgb(201,242,203)	hsl(123,62%,87%)	hsv(123,17%,95%)	#c9f2cb
	300	rgb(201,242,224)	hsl(153,62%,87%)	hsv(153,17%,95%)	#c9f2e0
	330	rgb(201,240,242)	hsl(183,62%,87%)	hsv(183,17%,95%)	#c9f0f2
	360	rgb(201,220,242)	hsl(213,62%,87%)	hsv(213,17%,95%)	#c9dcf2

#cbddf3のRGB成分

R:30.4%	G:33.1%	B:36.4%
R:#cb0000	G:#00dd00	B:#0000f3

#cbddf3のカラーチャート

		彩度
		100%	75%	50%	25%	0%
輝度	100%
	83%
	66%
	50%
	34%
	17%
	0%