肌色のカラーコード決定版！HEX・RGB一覧とプロ直伝の配色術

デジタルイラストの着色やWebデザインのUI設計において、「肌色がどうしてもくすんでしまう」「不健康な土色に見える」「画面ごとに色味が暴れてしまう」という悩みは後を絶ちません。画面上で自然な血色感と透明感を両立させるためには、感覚だけに頼らず、デジタル空間における正確な色彩設計が不可欠です。

かつて文具や画材で親しまれた呼称が「うすだいだい」や「ペールオレンジ」へと移行した歴史的背景を踏まえつつ、本稿ではWeb制作やデジタル作画で即使える厳選パレットを体系化しました。基本のベースカラーから影色・ハイライト、パーソナルカラー別の数値設計まで、制作現場の実務に直結するデータを徹底解説します。

📌 【この記事の重要ポイントまとめ】

• 要点1：Webやデジタル作画で基準となる代表的な肌色HEXコードは#FCE2C4や#FFDFCAであり、目的に応じた適切な明度・彩度調整が不可欠。
• 要点2：文具業界では2000年前後に人種差別配慮や国際化を背景に「肌色」から「うすだいだい」「ペールオレンジ」への全面改称が完了している。
• 要点3：影色の濁りを防ぐには単なる「黒の乗算」を避け、色相を赤・紫方向に10〜15度シフトさせる色相ずらしの技術が決定打となる。

【完全版】肌色カラーコード一覧｜Web・イラストで使えるHEX＆RGB数値

デジタルデバイスで「自然な人の肌」を再現する際、起点となる代表的な数値を用途別に整理しました。Webサイトのアクセシビリティや、デジタルペイントソフト（CLIP STUDIO PAINT、Photoshop、Procreateなど）での塗りに最適化したデータ一覧です。

色名称・分類	HEXコード	肌色RGB数値	CMYK参考値	主な用途・視覚的特徴
JIS慣用色名（うすだいだい）	#FCE2C4	R:252 G:226 B:196	C:0 M:13 Y:23 K:0	標準的な印刷・公的基準に最も近いナチュラルトーン
ペールオレンジ（文具標準）	#FFDFCA	R:255 G:223 B:202	C:0 M:15 Y:20 K:0	絵の具・クレヨンで親しまれている暖かみのある発色
アニメ・イラスト白肌	#FFF0E6	R:255 G:240 B:230	C:0 M:6 Y:8 K:0	発光感と透明感を持たせたい美少女・キャラクター向け
ヘルシー・オークル肌	#F3D0AE	R:243 G:208 B:174	C:4 M:20 Y:35 K:0	健康的な日焼け肌、男性キャラクター、リアル調CG
ダーク・小麦色	#C68A58	R:198 G:138 B:88	C:20 M:45 Y:65 K:10	陰影が際立つ深みのある褐色肌、スポーツ系キャラ

Web制作でスキンカラーHTMLコードをCSSに組み込む際は、背景色とのコントラスト比に注意が必要です。テキストの背景に配置する場合、WCAG 2.1基準を満たすために文字色を濃色（#222222など）に設定し、十分な視認性を確保してください。

「肌色」から「うすだいだい・ペールオレンジ」へ｜改称の理由と時代の変遷

現在、大手文具メーカーの製品ラインナップから「肌色」という表記は完全に姿を消しています。この呼称変更がどのような経緯で進められたのか、業界の動向を振り返ります。

肌色改称の理由における最大の契機は、1990年代後半から高まった国際人権基準や多文化共生への配慮です。「肌の色は人種や個人によって多様であるにもかかわらず、特定の一色のみを『肌色』と定義することは差別や偏見を助長しかねない」という指摘が教育界や市民団体から寄せられました。

これを受け、ぺんてるが1999年に「ペールオレンジ」への改称を皮切りに方針転換し、翌2000年にはサクラクレパスやトンボ鉛筆、三菱鉛筆などの主要メーカーが一斉にうすだいだいカラーコード相当の名称、あるいはペールオレンジカラーコードへの切り替えを実施しました。さらにJIS（日本産業規格）においても、2001年の規格改定時に慣用色名としての「肌色」が「うすだいだい」へと置き換えられています。現在では教育現場を含め、多様性を尊重する呼称が完全に定着しています。

【実態検証】イラスト制作で「肌色がくすむ」原因とプロのパレット構築法

「パレットから取ったベース色に黒やグレーを混ぜて影を塗ったら、粘土のような不健康な濁り肌になってしまった」という経験を持つクリエイターは少なくありません。SNSの作画相談やイラスト講座でも極めて頻出するこの現象には、デジタル特有の明確なメカニズムが存在します。

RGB色空間において、明度だけを一律に下げると彩度とのバランスが崩れ、人間の視覚はそれを「汚れ」「血行不良」と認識します。この問題を解決するのが、歴戦のプロが実践するイラスト肌色パレットの設計セオリーです。

濁りを撃退する「色相ずらし」の基本公式

影を塗る際は、ベースカラーから明度を下げるだけでなく、色相環（Hue）を時計回り（赤〜赤紫方向）に10〜15度ほどシフトさせます。黄色寄りのベース肌に対して、影には赤みやピンクみを足すことで、皮下の毛細血管が透けて見えるような瑞々しい立体感が生まれます。

クリスタ肌色カラーセットを活用した効率化

CLIP STUDIO PAINTを使用している場合、毎回スポイトで混色するのではなく、事前に定義したクリスタ肌色カラーセットを登録しておく手法が業界標準です。「光が当たるハイライト面」「固有色（ベース）」「第1影（落ち影）」「第2影（深い隙間影）」「照り返し（環境光）」の5段階をワンクリックで切り替えられるパレットを構築することで、作画スピードと品質の安定性が劇的に向上します。

イエベ・ブルベ別！リアルなスキントーンを作るRGB数値設計

キャラクターの個性やパーソナリティを色彩で表現する際、美容業界で用いられるパーソナルカラー（イエローベース／ブルーベース）の考え方が大きな効果を発揮します。イエベブルベ肌色数値を意図的に使い分けることで、キャラクターの持つ温度感や雰囲気を正確に描き分けることが可能です。

タイプ	ベースHEX / RGB	肌色の影色カラーコード	肌色ハイライト配色	視覚効果・キャラクター性
イエベ（春・秋）	#FEE5C8 (254, 229, 200)	#E5B89C (229, 184, 156)	#FFF9F0 (255, 249, 240)	温かみ、親しみやすさ、快活さ、血色の良い健康的印象
ブルベ（夏・冬）	#FCE6E9 (252, 230, 233)	#DDAEB8 (221, 174, 184)	#FFFFFF (255, 255, 255)	透明感、儚げな美しさ、クール、洗練された都会的印象

イエベ肌を設計する際は、G（緑）とB（青）の差を大きくとり、わずかに黄〜橙に寄せます。一方、ブルベ肌ではR（赤）とB（青）を近づけてG（緑）を控えめにすることで、赤紫がかった磁器のような陶器肌を演出できます。

一般に知られていない盲点とデジタル環境の落とし穴

カラーコード数値をそのまま入力しても、「スマホで見ると黄色すぎる」「別のモニターでは白飛びしている」といった表示ズレが発生することがあります。これらはツールのバグではなく、色空間の規格差に起因する見落としがちな罠です。

現在流通しているスマートフォン（iPhoneのSuper Retina XDRディスプレイ等）は、従来のWeb標準規格である「sRGB」よりも色域が広い「Display P3」を標準採用しています。sRGB環境で作成した高彩度の肌色は、広色域ディスプレイで表示した際に過飽和を起こし、意図しないド派手な蛍光オレンジに見えてしまうリスクがあります。制作環境のカラープロファイルを常にsRGBに統一・エクスポートしてプレビュー検証を行うことが、プラットフォーム間での色ブレを防ぐ鉄則です。

【プロの結論】数値指定をそのまま使うべき人・感覚調整すべき人

• 数値指定を厳密に使うべき人：WebサイトのUIデザイナー、法人ブランドのイラストレーター、複数人で同一作品を分業制作する作画チーム。ブレを排したトンマナ統一が最優先されます。
• 感覚調整を優先すべき人：厚塗り・リアル系イラストを描くアーティスト、特殊な光源（夕景・サイバーパンクのネオン・水中など）を扱うクリエイター。環境光の干渉を受けるため、単一のカラーコードに固執せず画面全体の相対的調和を優先すべきです。

【肌色 カラー コード】に関するよくある質問（FAQ）

Q1：日本の伝統色で「肌色」に一番近い名前は何ですか？
A1：日本の伝統色分類では「薄香（うすこう）」「宍色（ししいろ）」「人色（ひといろ）」などが該当します。中でも「宍色（HEX: #EFAB93）」は古くから身体の色を表す雅語として使われていました。

Q2：CSSで透明感のあるスキントーンを指定するベストな記述方法は？
A2：HEXコードを直接書くよりも、不透明度を柔軟に扱えるRGBAや現代的なOKLCH形式が適しています。例えば background-color: oklch(93% 0.03 55); のように知覚的に均一な色空間を用いると、背景になじむ上質な肌トーンを表現できます。

Q3：褐色肌やダークスキンの影色はどのように選べばいいですか？
A3：褐色肌の影に黒を混ぜると極端に重くなります。ベースの茶色に対して、影には「紫（バイオレット）」や「青みを含んだダークマゼンタ（HEX: #5E353B等）」を乗算や不透明度調整で重ねると、肌のツヤと引き締まった陰影が美しく際立ちます。

まとめ：今後の動向と失敗しないための判断基準

デジタルにおける肌色の扱いは、単なる「特定の色選び」にとどまらず、表示デバイスの進化やグローバルな表現規範とともにアップデートされ続けています。

制作を成功させる基準は極めて明確です。まずは公的規格や標準値（#FCE2C4、#FFDFCAなど）を基準点として把握し、その上で媒体のディスプレイ環境や光の演出に合わせて「色相ずらし」を行うこと。この論理的な裏付けを持つことで、迷いなく理想のスキントーンを描き出せるようになります。 （出典: 肌色 カラー コード（Yahoo!ニュース））