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

#fec300の色彩情報

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

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

#b38900	#cc9c00	#e6b000	#ffc300	#ffc91a	#ffcf33	#ffd54d

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

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

#ffc300	#ffc300	#ffc300	#ffc300	#f2bd0d	#e6b619	#d9af26

#fec300の補色

#003bff

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

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

#fec300	#003bff

#fec300のトライアド配色

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

#c300ff	#00ffc4

#fec300のアナロガス配色

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

#ff003b	#3bff00

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

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

#4400ff	#00bbff

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

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

#00ffc4	#003bff	#ff003b

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

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

#00ff44	#003bff	#ff00bb

#fec300のペンタード配色

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

#08ff00	#00d4ff	#5e00ff	#ff006e

#fec300のヘクサード配色

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

#3bff00	#00ffc4	#003bff	#c300ff	#ff003b

#fec300の12色相平面

0°

180°

360°

#fec300の12色相環

色相	色相値	RGB	HSL	HSV	HEX
	0	rgb(255,195,0)	hsl(46,100%,50%)	hsv(46,100%,100%)	#ffc300
	30	rgb(187,255,0)	hsl(76,100%,50%)	hsv(76,100%,100%)	#bbff00
	60	rgb(59,255,0)	hsl(106,100%,50%)	hsv(106,100%,100%)	#3bff00
	90	rgb(0,255,68)	hsl(136,100%,50%)	hsv(136,100%,100%)	#00ff44
	120	rgb(0,255,196)	hsl(166,100%,50%)	hsv(166,100%,100%)	#00ffc4
	150	rgb(0,187,255)	hsl(196,100%,50%)	hsv(196,100%,100%)	#00bbff
	180	rgb(0,59,255)	hsl(226,100%,50%)	hsv(226,100%,100%)	#003bff
	210	rgb(68,0,255)	hsl(256,100%,50%)	hsv(256,100%,100%)	#4400ff
	240	rgb(195,0,255)	hsl(286,100%,50%)	hsv(286,100%,100%)	#c300ff
	270	rgb(255,0,187)	hsl(316,100%,50%)	hsv(316,100%,100%)	#ff00bb
	300	rgb(255,0,59)	hsl(346,100%,50%)	hsv(346,100%,100%)	#ff003b
	330	rgb(255,68,0)	hsl(16,100%,50%)	hsv(16,100%,100%)	#ff4400
	360	rgb(255,195,0)	hsl(46,100%,50%)	hsv(46,100%,100%)	#ffc300

#fec300のRGB成分

R:56.6%	G:43.4%	B:0%
R:#fe0000	G:#00c300	B:#000000

#fec300のカラーチャート

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