#977d03
RGB
| 赤 | 151 |
|---|---|
| 緑 | 125 |
| 青 | 3 |
HSL
| 色相 | 49° |
|---|---|
| 彩度 | 96% |
| 明度 | 30% |
| 輝度 | 47% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 151, 緑 = 125, 青 = 3 )
HSL ( 色相 = 49°, 彩度 = 96%, 明度 = 30% )
H : 色相 ( 49° )
(0°) 赤～黄～緑～青～紫 (359°)
9 : #961903 : -40
19 : #963203 : -30
29 : #964a03 : -20
39 : #966303 : -10
49 : #967b03 : ±0
59 : #969303 : +10
69 : #809603 : +20
79 : #679603 : +30
89 : #4f9603 : +40
99 : #369603 : +50
109 : #1e9603 : +60
119 : #069603 : +70
129 : #039619 : +80
139 : #039632 : +90
149 : #03964a : +100
159 : #039663 : +110
169 : #03967b : +120
179 : #039693 : +130
189 : #038096 : +140
199 : #036796 : +150
209 : #034f96 : +160
219 : #033696 : +170
229 : #031e96 : +180
239 : #030696 : +190
249 : #190396 : +200
259 : #320396 : +210
269 : #4a0396 : +220
279 : #630396 : +230
289 : #7b0396 : +240
299 : #930396 : +250
309 : #960380 : +260
319 : #960367 : +270
329 : #96034f : +280
339 : #960336 : +290
349 : #96031e : +300
359 : #960306 : +310
39 : #966303 : -10
40 : #966503 : -9
41 : #966703 : -8
42 : #966a03 : -7
43 : #966c03 : -6
44 : #966f03 : -5
45 : #967103 : -4
46 : #967403 : -3
47 : #967603 : -2
48 : #967903 : -1
49 : #967b03 : ±0
50 : #967d03 : +1
51 : #968003 : +2
52 : #968203 : +3
53 : #968503 : +4
54 : #968703 : +5
55 : #968a03 : +6
56 : #968c03 : +7
57 : #968f03 : +8
58 : #969103 : +9
59 : #969303 : +10
S : 彩度 ( 96% )
(0%) 渋い ～ 鮮やか (100%)
0 : #4c4c4c : -96
2 : #4e4d4b : -94
4 : #504e49 : -92
6 : #514f48 : -90
8 : #535046 : -88
10 : #545145 : -86
12 : #565243 : -84
14 : #575342 : -82
16 : #595440 : -80
18 : #5a553f : -78
20 : #5c563d : -76
22 : #5d573c : -74
24 : #5f583a : -72
26 : #605939 : -70
28 : #625a37 : -68
30 : #635b36 : -66
32 : #655c34 : -64
34 : #675d32 : -62
36 : #685e31 : -60
38 : #6a5f2f : -58
40 : #6b602e : -56
42 : #6d612c : -54
44 : #6e622b : -52
46 : #706329 : -50
48 : #716428 : -48
50 : #736526 : -46
52 : #746625 : -44
54 : #766723 : -42
56 : #776822 : -40
58 : #796920 : -38
60 : #7a6a1f : -36
62 : #7c6b1d : -34
64 : #7d6c1c : -32
66 : #7f6c1a : -30
68 : #816d18 : -28
70 : #826e17 : -26
72 : #846f15 : -24
74 : #857014 : -22
76 : #877112 : -20
78 : #887211 : -18
80 : #8a730f : -16
82 : #8b740e : -14
84 : #8d750c : -12
86 : #8e760b : -10
88 : #907709 : -8
90 : #917808 : -6
92 : #937906 : -4
94 : #947a05 : -2
96 : #967b03 : ±0
98 : #977c02 : +2
100 : #997d00 : +4
L : 明度 ( 30% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -30
2 : #0a0800 : -28
4 : #141000 : -26
6 : #1e1901 : -24
8 : #282101 : -22
10 : #322901 : -20
12 : #3c3101 : -18
14 : #463901 : -16
16 : #504202 : -14
18 : #5a4a02 : -12
20 : #645202 : -10
22 : #6e5a02 : -8
24 : #786202 : -6
26 : #826b03 : -4
28 : #8c7303 : -2
30 : #967b03 : ±0
32 : #a08303 : +2
34 : #aa8b03 : +4
36 : #b49404 : +6
38 : #be9c04 : +8
40 : #c8a404 : +10
42 : #d2ac04 : +12
44 : #dcb404 : +14
46 : #e6bd05 : +16
48 : #f0c505 : +18
50 : #facd05 : +20
52 : #facf0f : +22
54 : #fad119 : +24
56 : #fbd323 : +26
58 : #fbd52d : +28
60 : #fbd737 : +30
62 : #fbd941 : +32
64 : #fbdb4b : +34
66 : #fcdd55 : +36
68 : #fcdf5f : +38
70 : #fce169 : +40
72 : #fce373 : +42
74 : #fce57d : +44
76 : #fde787 : +46
78 : #fde991 : +48
80 : #fdeb9b : +50
82 : #fdeda5 : +52
84 : #fdefaf : +54
86 : #fef1b9 : +56
88 : #fef3c3 : +58
90 : #fef5cd : +60
92 : #fef7d7 : +62
94 : #fef9e1 : +64
96 : #fffbeb : +66
98 : #fffdf5 : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow