#754710
RGB
赤 | 117 |
---|---|
緑 | 71 |
青 | 16 |
HSL
色相 | 33° |
---|---|
彩度 | 76% |
明度 | 26% |
輝度 | 31% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 117, 緑 = 71, 青 = 16 )
HSL ( 色相 = 33°, 彩度 = 76%, 明度 = 26% )
H : 色相 ( 33° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #751510 : -30
13 : #752610 : -20
23 : #753710 : -10
33 : #754710 : ±0
43 : #755810 : +10
53 : #756910 : +20
63 : #707510 : +30
73 : #5f7510 : +40
83 : #4e7510 : +50
93 : #3d7510 : +60
103 : #2c7510 : +70
113 : #1c7510 : +80
123 : #107515 : +90
133 : #107526 : +100
143 : #107537 : +110
153 : #107547 : +120
163 : #107558 : +130
173 : #107569 : +140
183 : #107075 : +150
193 : #105f75 : +160
203 : #104e75 : +170
213 : #103d75 : +180
223 : #102c75 : +190
233 : #101c75 : +200
243 : #151075 : +210
253 : #261075 : +220
263 : #371075 : +230
273 : #471075 : +240
283 : #581075 : +250
293 : #691075 : +260
303 : #751070 : +270
313 : #75105f : +280
323 : #75104e : +290
333 : #75103d : +300
343 : #75102c : +310
353 : #75101c : +320
23 : #753710 : -10
24 : #753810 : -9
25 : #753a10 : -8
26 : #753c10 : -7
27 : #753d10 : -6
28 : #753f10 : -5
29 : #754110 : -4
30 : #754210 : -3
31 : #754410 : -2
32 : #754610 : -1
33 : #754710 : ±0
34 : #754910 : +1
35 : #754b10 : +2
36 : #754c10 : +3
37 : #754e10 : +4
38 : #755010 : +5
39 : #755110 : +6
40 : #755310 : +7
41 : #755510 : +8
42 : #755610 : +9
43 : #755810 : +10
S : 彩度 ( 76% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -76
2 : #444241 : -74
4 : #454340 : -72
6 : #46433e : -70
8 : #48433d : -68
10 : #49433c : -66
12 : #4a433a : -64
14 : #4c4339 : -62
16 : #4d4338 : -60
18 : #4e4336 : -58
20 : #504435 : -56
22 : #514434 : -54
24 : #524432 : -52
26 : #544431 : -50
28 : #554430 : -48
30 : #56442e : -46
32 : #58442d : -44
34 : #59452c : -42
36 : #5a452a : -40
38 : #5b4529 : -38
40 : #5d4528 : -36
42 : #5e4526 : -34
44 : #5f4525 : -32
46 : #614524 : -30
48 : #624522 : -28
50 : #634621 : -26
52 : #654620 : -24
54 : #66461e : -22
56 : #67461d : -20
58 : #69461c : -18
60 : #6a461b : -16
62 : #6b4619 : -14
64 : #6d4718 : -12
66 : #6e4717 : -10
68 : #6f4715 : -8
70 : #714714 : -6
72 : #724713 : -4
74 : #734711 : -2
76 : #754710 : ±0
78 : #76470f : +2
80 : #77480d : +4
82 : #79480c : +6
84 : #7a480b : +8
86 : #7b4809 : +10
88 : #7d4808 : +12
90 : #7e4807 : +14
92 : #7f4805 : +16
94 : #814904 : +18
96 : #824903 : +20
98 : #834901 : +22
100 : #854900 : +24
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #090501 : -24
4 : #120b02 : -22
6 : #1b1004 : -20
8 : #241605 : -18
10 : #2d1b06 : -16
12 : #362107 : -14
14 : #3f2609 : -12
16 : #482c0a : -10
18 : #51310b : -8
20 : #5a370c : -6
22 : #633c0d : -4
24 : #6c420f : -2
26 : #754710 : ±0
28 : #7e4d11 : +2
30 : #875212 : +4
32 : #905814 : +6
34 : #995d15 : +8
36 : #a26316 : +10
38 : #ab6817 : +12
40 : #b46e18 : +14
42 : #bc731a : +16
44 : #c5791b : +18
46 : #ce7e1c : +20
48 : #d7841d : +22
50 : #e0891f : +24
52 : #e28e28 : +26
54 : #e39331 : +28
56 : #e4973a : +30
58 : #e59c43 : +32
60 : #e7a14b : +34
62 : #e8a554 : +36
64 : #e9aa5d : +38
66 : #eaaf66 : +40
68 : #ebb46f : +42
70 : #edb878 : +44
72 : #eebd81 : +46
74 : #efc28a : +48
76 : #f0c693 : +50
78 : #f2cb9c : +52
80 : #f3d0a5 : +54
82 : #f4d5ae : +56
84 : #f5d9b7 : +58
86 : #f6dec0 : +60
88 : #f8e3c9 : +62
90 : #f9e7d2 : +64
92 : #faecdb : +66
94 : #fbf1e4 : +68
96 : #fdf6ed : +70
98 : #fefaf6 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow