黄（ノラン）
Norang Yellow
広色域（Display P3）比較
sRGB（従来のWeb標準）
#FFE135
Display P3（広色域）
color(display-p3 0.98 0.89 0.36)
意味と歴史
由来
韓国語で「ノランセク（노란색）」。黄色。韓国語で最も一般的な黄色の呼び方。
歴史
黄色は韓国の五方色では中央を象徴する最高の色。現代では銀杏の黄葉がソウルの秋を彩り、特に徳寿宮の銀杏並木は有名な黄色い風景。
心理的効果
希望・中心・秋の美を象徴し、ソウルの街路樹が黄金色に染まる秋の壮大さを伝える。
伝統的な用途
韓国の秋のデザインやソウルの都市ブランディングにおける銀杏の黄色。
CSSコード
HEX
#FFE135 RGB
rgb(255, 225, 53) CMYK
cmyk(0%, 12%, 79%, 0%) HSV
hsv(51, 79%, 100%) OKLCH
oklch(0.908 0.176 98.5) Display P3
color(display-p3 0.98 0.89 0.36) Munsell
7.5Y 9/14 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #FFE135;
background-color: oklch(0.908 0.176 98.5);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.98 0.89 0.36);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
サンプル
白背景
1.31:1
AA Fail
AAA Fail
AA大文字 Fail
サンプル
黒背景
16.07:1
AA Pass
AAA Pass
AA大文字 Pass
サンプル
白文字
1.31:1
AA Fail
AAA Fail
AA大文字 Fail
サンプル
黒文字
16.07:1
AA Pass
AAA Pass
AA大文字 Pass
配色シミュレーター
この色を背景やテキストに使用した場合のプレビューです。
背景色として使用
白テキスト — The quick brown fox
黒テキスト — The quick brown fox
色の上にテキストを配置した場合の可読性を確認できます。見出し・本文・リンクなど、さまざまなサイズで試してみてください。
テキスト色として使用
白背景 — 見出しテキスト
本文テキストのサンプルです。The quick brown fox jumps over the lazy dog.
黒背景 — 見出しテキスト
本文テキストのサンプルです。The quick brown fox jumps over the lazy dog.
UIコンポーネントでの使用例
バッジ
色覚シミュレーション
P型（1型）
赤色の感度が低下
#F8DB00
D型（2型）
緑色の感度が低下
#FFE642
T型（3型）
青色の感度が低下
#FFD0C1
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #FFE135, #FFFFFF); #FFE135
#FFE75D
#FFED86
#FFF3AE
#FFF9D7
#FFFFFF
シェード（暗く）
background: linear-gradient(to right, #FFE135, #000000); #FFE135
#CCB42A
#998720
#665A15
#332D0B
#000000
透明へ
background: linear-gradient(to right, #FFE135, transparent); エクスポート
CSS変数
--color-norang: #FFE135;
--color-norang-rgb: 255, 225, 53;
--color-norang-oklch: 0.908 0.176 98.5; Sass変数
$color-norang: #FFE135;
$color-norang-rgb: rgb(255, 225, 53);
$color-norang-oklch: oklch(0.908 0.176 98.5); Tailwind Config
'norang': '#FFE135', SwiftUI
Color(red: 1.000, green: 0.882, blue: 0.208) JSON
{
"name": {
"ja": "黄（ノラン）",
"en": "Norang Yellow",
"ko": "노랑"
},
"hex": "#FFE135",
"rgb": {
"r": 255,
"g": 225,
"b": 53
},
"cmyk": {
"c": 0,
"m": 12,
"y": 79,
"k": 0
},
"oklch": {
"l": 0.908,
"c": 0.176,
"h": 98.5
},
"displayP3": {
"r": 0.98,
"g": 0.89,
"b": 0.36
},
"hsv": {
"h": 51,
"s": 79,
"v": 100
},
"munsell": "7.5Y 9/14"
}