#9e7c02
RGB
赤 | 158 |
---|---|
緑 | 124 |
青 | 2 |
HSL
色相 | 47° |
---|---|
彩度 | 98% |
明度 | 31% |
輝度 | 47% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 158, 緑 = 124, 青 = 2 )
HSL ( 色相 = 47°, 彩度 = 98%, 明度 = 31% )
H : 色相 ( 47° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #9d1402 : -40
17 : #9d2d02 : -30
27 : #9d4702 : -20
37 : #9d6102 : -10
47 : #9d7b02 : ±0
57 : #9d9502 : +10
67 : #8a9d02 : +20
77 : #719d02 : +30
87 : #579d02 : +40
97 : #3d9d02 : +50
107 : #239d02 : +60
117 : #099d02 : +70
127 : #029d14 : +80
137 : #029d2d : +90
147 : #029d47 : +100
157 : #029d61 : +110
167 : #029d7b : +120
177 : #029d95 : +130
187 : #028a9d : +140
197 : #02719d : +150
207 : #02579d : +160
217 : #023d9d : +170
227 : #02239d : +180
237 : #02099d : +190
247 : #14029d : +200
257 : #2d029d : +210
267 : #47029d : +220
277 : #61029d : +230
287 : #7b029d : +240
297 : #95029d : +250
307 : #9d028a : +260
317 : #9d0271 : +270
327 : #9d0257 : +280
337 : #9d023d : +290
347 : #9d0223 : +300
357 : #9d0209 : +310
37 : #9d6102 : -10
38 : #9d6402 : -9
39 : #9d6602 : -8
40 : #9d6902 : -7
41 : #9d6b02 : -6
42 : #9d6e02 : -5
43 : #9d7102 : -4
44 : #9d7302 : -3
45 : #9d7602 : -2
46 : #9d7802 : -1
47 : #9d7b02 : ±0
48 : #9d7e02 : +1
49 : #9d8002 : +2
50 : #9d8302 : +3
51 : #9d8502 : +4
52 : #9d8802 : +5
53 : #9d8a02 : +6
54 : #9d8d02 : +7
55 : #9d9002 : +8
56 : #9d9202 : +9
57 : #9d9502 : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4f4f4f : -98
2 : #51504d : -96
4 : #52514c : -94
6 : #54524a : -92
8 : #555349 : -90
10 : #575447 : -88
12 : #595446 : -86
14 : #5a5544 : -84
16 : #5c5642 : -82
18 : #5d5741 : -80
20 : #5f583f : -78
22 : #60593e : -76
24 : #625a3c : -74
26 : #645b3a : -72
28 : #655c39 : -70
30 : #675c37 : -68
32 : #685d36 : -66
34 : #6a5e34 : -64
36 : #6c5f33 : -62
38 : #6d6031 : -60
40 : #6f612f : -58
42 : #70622e : -56
44 : #72632c : -54
46 : #73642b : -52
48 : #756529 : -50
50 : #776528 : -48
52 : #786626 : -46
54 : #7a6724 : -44
56 : #7b6823 : -42
58 : #7d6921 : -40
60 : #7e6a20 : -38
62 : #806b1e : -36
64 : #826c1c : -34
66 : #836d1b : -32
68 : #856e19 : -30
70 : #866e18 : -28
72 : #886f16 : -26
74 : #8a7015 : -24
76 : #8b7113 : -22
78 : #8d7211 : -20
80 : #8e7310 : -18
82 : #90740e : -16
84 : #91750d : -14
86 : #93760b : -12
88 : #957609 : -10
90 : #967708 : -8
92 : #987806 : -6
94 : #997905 : -4
96 : #9b7a03 : -2
98 : #9d7b02 : ±0
100 : #9e7c00 : +2
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #050400 : -30
3 : #0f0c00 : -28
5 : #191400 : -26
7 : #231c00 : -24
9 : #2d2400 : -22
11 : #382c01 : -20
13 : #423401 : -18
15 : #4c3b01 : -16
17 : #564301 : -14
19 : #604b01 : -12
21 : #6a5301 : -10
23 : #745b01 : -8
25 : #7e6301 : -6
27 : #886b01 : -4
29 : #927301 : -2
31 : #9d7b02 : ±0
33 : #a78302 : +2
35 : #b18b02 : +4
37 : #bb9302 : +6
39 : #c59b02 : +8
41 : #cfa302 : +10
43 : #d9ab02 : +12
45 : #e3b202 : +14
47 : #edba02 : +16
49 : #f7c202 : +18
51 : #fdc708 : +20
53 : #fdca12 : +22
55 : #fdcc1c : +24
57 : #fdce26 : +26
59 : #fdd130 : +28
61 : #fdd33a : +30
63 : #fdd544 : +32
65 : #fdd74e : +34
67 : #fdda58 : +36
69 : #fddc62 : +38
71 : #fede6d : +40
73 : #fee077 : +42
75 : #fee381 : +44
77 : #fee58b : +46
79 : #fee795 : +48
81 : #fee99f : +50
83 : #feeca9 : +52
85 : #feeeb3 : +54
87 : #fef0bd : +56
89 : #fef3c7 : +58
91 : #fff5d2 : +60
93 : #fff7dc : +62
95 : #fff9e6 : +64
97 : #fffcf0 : +66
99 : #fffefa : +68
CSS入門、作ってます。
text-shadow