#3a6c12
RGB
赤 | 58 |
---|---|
緑 | 108 |
青 | 18 |
HSL
色相 | 93° |
---|---|
彩度 | 71% |
明度 | 25% |
輝度 | 32% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 58, 緑 = 108, 青 = 18 )
HSL ( 色相 = 93°, 彩度 = 71%, 明度 = 25% )
H : 色相 ( 93° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #6d1712 : -90
13 : #6d2612 : -80
23 : #6d3512 : -70
33 : #6d4412 : -60
43 : #6d5312 : -50
53 : #6d6212 : -40
63 : #686d12 : -30
73 : #596d12 : -20
83 : #4a6d12 : -10
93 : #3b6d12 : ±0
103 : #2c6d12 : +10
113 : #1d6d12 : +20
123 : #126d17 : +30
133 : #126d26 : +40
143 : #126d35 : +50
153 : #126d44 : +60
163 : #126d53 : +70
173 : #126d62 : +80
183 : #12686d : +90
193 : #12596d : +100
203 : #124a6d : +110
213 : #123b6d : +120
223 : #122c6d : +130
233 : #121d6d : +140
243 : #17126d : +150
253 : #26126d : +160
263 : #35126d : +170
273 : #44126d : +180
283 : #53126d : +190
293 : #62126d : +200
303 : #6d1268 : +210
313 : #6d1259 : +220
323 : #6d124a : +230
333 : #6d123b : +240
343 : #6d122c : +250
353 : #6d121d : +260
83 : #4a6d12 : -10
84 : #496d12 : -9
85 : #476d12 : -8
86 : #466d12 : -7
87 : #446d12 : -6
88 : #436d12 : -5
89 : #416d12 : -4
90 : #406d12 : -3
91 : #3e6d12 : -2
92 : #3d6d12 : -1
93 : #3b6d12 : ±0
94 : #3a6d12 : +1
95 : #386d12 : +2
96 : #376d12 : +3
97 : #356d12 : +4
98 : #346d12 : +5
99 : #326d12 : +6
100 : #316d12 : +7
101 : #2f6d12 : +8
102 : #2e6d12 : +9
103 : #2c6d12 : +10
S : 彩度 ( 71% )
(0%) 渋い ~ 鮮やか (100%)
1 : #40403f : -70
3 : #40423e : -68
5 : #3f433d : -66
7 : #3f443b : -64
9 : #3f453a : -62
11 : #3f4739 : -60
13 : #3f4837 : -58
15 : #3f4936 : -56
17 : #3f4b35 : -54
19 : #3f4c34 : -52
21 : #3e4d32 : -50
23 : #3e4e31 : -48
25 : #3e5030 : -46
27 : #3e512f : -44
29 : #3e522d : -42
31 : #3e542c : -40
33 : #3e552b : -38
35 : #3e5629 : -36
37 : #3d5728 : -34
39 : #3d5927 : -32
41 : #3d5a26 : -30
43 : #3d5b24 : -28
45 : #3d5c23 : -26
47 : #3d5e22 : -24
49 : #3d5f21 : -22
51 : #3c601f : -20
53 : #3c621e : -18
55 : #3c631d : -16
57 : #3c641b : -14
59 : #3c651a : -12
61 : #3c6719 : -10
63 : #3c6818 : -8
65 : #3c6916 : -6
67 : #3b6a15 : -4
69 : #3b6c14 : -2
71 : #3b6d12 : ±0
73 : #3b6e11 : +2
75 : #3b7010 : +4
77 : #3b710f : +6
79 : #3b720d : +8
81 : #3b730c : +10
83 : #3a750b : +12
85 : #3a760a : +14
87 : #3a7708 : +16
89 : #3a7807 : +18
91 : #3a7a06 : +20
93 : #3a7b04 : +22
95 : #3a7c03 : +24
97 : #3a7e02 : +26
99 : #397f01 : +28
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #020401 : -24
3 : #070d02 : -22
5 : #0c1604 : -20
7 : #111f05 : -18
9 : #152707 : -16
11 : #1a3008 : -14
13 : #1f390a : -12
15 : #24410b : -10
17 : #284a0d : -8
19 : #2d530e : -6
21 : #325c10 : -4
23 : #366411 : -2
25 : #3b6d12 : ±0
27 : #407614 : +2
29 : #457e15 : +4
31 : #498717 : +6
33 : #4e9018 : +8
35 : #53991a : +10
37 : #58a11b : +12
39 : #5caa1d : +14
41 : #61b31e : +16
43 : #66bc20 : +18
45 : #6bc421 : +20
47 : #6fcd23 : +22
49 : #74d624 : +24
51 : #79db29 : +26
53 : #7fdc32 : +28
55 : #84de3b : +30
57 : #8adf43 : +32
59 : #8fe14c : +34
61 : #94e255 : +36
63 : #9ae45e : +38
65 : #9fe566 : +40
67 : #a5e76f : +42
69 : #aae878 : +44
71 : #b0ea81 : +46
73 : #b5eb89 : +48
75 : #bbed92 : +50
77 : #c0ee9b : +52
79 : #c6efa3 : +54
81 : #cbf1ac : +56
83 : #d1f2b5 : +58
85 : #d6f4be : +60
87 : #dbf5c6 : +62
89 : #e1f7cf : +64
91 : #e6f8d8 : +66
93 : #ecfae0 : +68
95 : #f1fbe9 : +70
97 : #f7fdf2 : +72
99 : #fcfefb : +74
CSS入門、作ってます。
text-shadow