yellow

#ffff00

HTML Color Name

あざやかな黄系の色

[RGB] R:255 G:255 B:0

[HSB] H:60 S:100 B:100

[L*a*b*] L*:97.13 a*:-21.55 b*:94.48

[CMYK] C:10% M:0% Y:83% K:0%

[HSL] H:60 S:100 L:50

[OKLCH] L:96.8% C:0.211 H:109.8

[Display-P3] R:1 G:1 B:0.3309

[コントラスト比] Aa 白 1.07:1 ×　Aa 黒 19.55:1 ◎

yellowは、原色大辞典に収録されているあざやかな黄系の色です。カラーコードは#ffff00、RGBでは赤255・緑255・青0、CMYKではC10% M0% Y83% K0%で表します。

色相 #ff0000 H:360 S:100 B:100 #ff002b H:350 S:100 B:100 #ff0055 H:340 S:100 B:100 #ff0080 H:330 S:100 B:100 #ff00aa H:320 S:100 B:100 #ff00d5 H:310 S:100 B:100 #ff00ff H:300 S:100 B:100 #d500ff H:290 S:100 B:100 #aa00ff H:280 S:100 B:100 #8000ff H:270 S:100 B:100 #5500ff H:260 S:100 B:100 #2b00ff H:250 S:100 B:100 #0000ff H:240 S:100 B:100 #002bff H:230 S:100 B:100 #0055ff H:220 S:100 B:100 #0080ff H:210 S:100 B:100 #00aaff H:200 S:100 B:100 #00d5ff H:190 S:100 B:100 #00ffff H:180 S:100 B:100 #00ffd5 H:170 S:100 B:100 #00ffaa H:160 S:100 B:100 #00ff80 H:150 S:100 B:100 #00ff55 H:140 S:100 B:100 #00ff2b H:130 S:100 B:100 #00ff00 H:120 S:100 B:100 #2bff00 H:110 S:100 B:100 #55ff00 H:100 S:100 B:100 #80ff00 H:90 S:100 B:100 #aaff00 H:80 S:100 B:100 #d5ff00 H:70 S:100 B:100 #ffff00 H:60 S:100 B:100 #ffd500 H:50 S:100 B:100 #ffaa00 H:40 S:100 B:100 #ff8000 H:30 S:100 B:100 #ff5500 H:20 S:100 B:100 #ff2b00 H:10 S:100 B:100 #ff0000 H:0 S:100 B:100
明度 #ffff00 H:60 S:100 B:100 #e6e600 H:60 S:100 B:90 #cccc00 H:60 S:100 B:80 #b3b300 H:60 S:100 B:70 #999900 H:60 S:100 B:60 #808000 H:60 S:100 B:50 #666600 H:60 S:100 B:40 #4d4d00 H:60 S:100 B:30 #333300 H:60 S:100 B:20 #1a1a00 H:60 S:100 B:10 #000000 H:60 S:100 B:0
彩度 #ffff00 H:60 S:100 B:100 #ffff1a H:60 S:90 B:100 #ffff33 H:60 S:80 B:100 #ffff4d H:60 S:70 B:100 #ffff66 H:60 S:60 B:100 #ffff80 H:60 S:50 B:100 #ffff99 H:60 S:40 B:100 #ffffb3 H:60 S:30 B:100 #ffffcc H:60 S:20 B:100 #ffffe6 H:60 S:10 B:100 #ffffff H:60 S:0 B:100
補色 #0080ff H:210 S:100 B:100 #0000ff H:240 S:100 B:100 #8000ff H:270 S:100 B:100
類似色 #ff0000 H:0 S:100 B:100 #ff4000 H:15 S:100 B:100 #ff8000 H:30 S:100 B:100 #ffbf00 H:45 S:100 B:100 #ffff00 H:60 S:100 B:100 #bfff00 H:75 S:100 B:100 #80ff00 H:90 S:100 B:100 #40ff00 H:105 S:100 B:100 #00ff00 H:120 S:100 B:100

yellowの配色パターン