#ffbc00
RGB
| 赤 | 255 |
|---|---|
| 緑 | 188 |
| 青 | 0 |
HSL
| 色相 | 44° |
|---|---|
| 彩度 | 100% |
| 明度 | 50% |
| 輝度 | 73% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 255, 緑 = 188, 青 = 0 )
HSL ( 色相 = 44°, 彩度 = 100%, 明度 = 50% )
H : 色相 ( 44° )
(0°) 赤～黄～緑～青～紫 (359°)
4 : #ff1100 : -40
14 : #ff3c00 : -30
24 : #ff6600 : -20
34 : #ff9100 : -10
44 : #ffbb00 : ±0
54 : #ffe600 : +10
64 : #eeff00 : +20
74 : #c4ff00 : +30
84 : #99ff00 : +40
94 : #6fff00 : +50
104 : #44ff00 : +60
114 : #1aff00 : +70
124 : #00ff11 : +80
134 : #00ff3c : +90
144 : #00ff66 : +100
154 : #00ff91 : +110
164 : #00ffbb : +120
174 : #00ffe6 : +130
184 : #00eeff : +140
194 : #00c4ff : +150
204 : #0099ff : +160
214 : #006fff : +170
224 : #0044ff : +180
234 : #001aff : +190
244 : #1100ff : +200
254 : #3c00ff : +210
264 : #6600ff : +220
274 : #9100ff : +230
284 : #bb00ff : +240
294 : #e600ff : +250
304 : #ff00ee : +260
314 : #ff00c4 : +270
324 : #ff0099 : +280
334 : #ff006f : +290
344 : #ff0044 : +300
354 : #ff001a : +310
34 : #ff9100 : -10
35 : #ff9500 : -9
36 : #ff9900 : -8
37 : #ff9d00 : -7
38 : #ffa200 : -6
39 : #ffa600 : -5
40 : #ffaa00 : -4
41 : #ffae00 : -3
42 : #ffb300 : -2
43 : #ffb700 : -1
44 : #ffbb00 : ±0
45 : #ffbf00 : +1
46 : #ffc400 : +2
47 : #ffc800 : +3
48 : #ffcc00 : +4
49 : #ffd000 : +5
50 : #ffd500 : +6
51 : #ffd900 : +7
52 : #ffdd00 : +8
53 : #ffe100 : +9
54 : #ffe600 : +10
S : 彩度 ( 100% )
(0%) 渋い ～ 鮮やか (100%)
0 : #7f7f7f : -100
2 : #82817d : -98
4 : #85827a : -96
6 : #878378 : -94
8 : #8a8475 : -92
10 : #8c8573 : -90
12 : #8f8770 : -88
14 : #91886e : -86
16 : #94896b : -84
18 : #968a69 : -82
20 : #998b66 : -80
22 : #9c8d63 : -78
24 : #9e8e61 : -76
26 : #a18f5e : -74
28 : #a3905c : -72
30 : #a69159 : -70
32 : #a89357 : -68
34 : #ab9454 : -66
36 : #ad9552 : -64
38 : #b0964f : -62
40 : #b3974d : -60
42 : #b5984a : -58
44 : #b89a47 : -56
46 : #ba9b45 : -54
48 : #bd9c42 : -52
50 : #bf9d40 : -50
52 : #c29e3d : -48
54 : #c4a03b : -46
56 : #c7a138 : -44
58 : #c9a236 : -42
60 : #cca333 : -40
62 : #cfa430 : -38
64 : #d1a62e : -36
66 : #d4a72b : -34
68 : #d6a829 : -32
70 : #d9a926 : -30
72 : #dbaa24 : -28
74 : #deac21 : -26
76 : #e0ad1f : -24
78 : #e3ae1c : -22
80 : #e6af1a : -20
82 : #e8b017 : -18
84 : #ebb114 : -16
86 : #edb312 : -14
88 : #f0b40f : -12
90 : #f2b50d : -10
92 : #f5b60a : -8
94 : #f7b708 : -6
96 : #fab905 : -4
98 : #fcba03 : -2
100 : #ffbb00 : ±0
L : 明度 ( 50% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -50
2 : #0a0700 : -48
4 : #140f00 : -46
6 : #1f1600 : -44
8 : #291e00 : -42
10 : #332500 : -40
12 : #3d2d00 : -38
14 : #473400 : -36
16 : #523c00 : -34
18 : #5c4300 : -32
20 : #664b00 : -30
22 : #705200 : -28
24 : #7a5a00 : -26
26 : #856100 : -24
28 : #8f6900 : -22
30 : #997000 : -20
32 : #a37800 : -18
34 : #ad7f00 : -16
36 : #b88700 : -14
38 : #c28e00 : -12
40 : #cc9600 : -10
42 : #d69d00 : -8
44 : #e0a500 : -6
46 : #ebac00 : -4
48 : #f5b400 : -2
50 : #ffbb00 : ±0
52 : #ffbe0a : +2
54 : #ffc014 : +4
56 : #ffc31f : +6
58 : #ffc629 : +8
60 : #ffc933 : +10
62 : #ffcb3d : +12
64 : #ffce47 : +14
66 : #ffd152 : +16
68 : #ffd35c : +18
70 : #ffd666 : +20
72 : #ffd970 : +22
74 : #ffdc7a : +24
76 : #ffde85 : +26
78 : #ffe18f : +28
80 : #ffe499 : +30
82 : #ffe7a3 : +32
84 : #ffe9ad : +34
86 : #ffecb8 : +36
88 : #ffefc2 : +38
90 : #fff1cc : +40
92 : #fff4d6 : +42
94 : #fff7e0 : +44
96 : #fffaeb : +46
98 : #fffcf5 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow