#5c2339
RGB ( 赤 = 92, 緑 = 35, 青 = 57 )
HSL ( 色相 = 337°, 彩度 = 45%, 明度 = 25% )
H : 色相 ( 337° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #5c2a23 : -330
17 : #5c3323 : -320
27 : #5c3d23 : -310
37 : #5c4623 : -300
47 : #5c5023 : -290
57 : #5c5a23 : -280
67 : #565c23 : -270
77 : #4c5c23 : -260
87 : #435c23 : -250
97 : #395c23 : -240
107 : #2f5c23 : -230
117 : #265c23 : -220
127 : #235c2a : -210
137 : #235c33 : -200
147 : #235c3d : -190
157 : #235c46 : -180
167 : #235c50 : -170
177 : #235c5a : -160
187 : #23565c : -150
197 : #234c5c : -140
207 : #23435c : -130
217 : #23395c : -120
227 : #232f5c : -110
237 : #23265c : -100
247 : #2a235c : -90
257 : #33235c : -80
267 : #3d235c : -70
277 : #46235c : -60
287 : #50235c : -50
297 : #5a235c : -40
307 : #5c2356 : -30
317 : #5c234c : -20
327 : #5c2343 : -10
337 : #5c2339 : ±0
347 : #5c232f : +10
357 : #5c2326 : +20
327 : #5c2343 : -10
328 : #5c2342 : -9
329 : #5c2341 : -8
330 : #5c2340 : -7
331 : #5c233f : -6
332 : #5c233e : -5
333 : #5c233d : -4
334 : #5c233c : -3
335 : #5c233b : -2
336 : #5c233a : -1
337 : #5c2339 : ±0
338 : #5c2338 : +1
339 : #5c2337 : +2
340 : #5c2336 : +3
341 : #5c2335 : +4
342 : #5c2334 : +5
343 : #5c2333 : +6
344 : #5c2332 : +7
345 : #5c2331 : +8
346 : #5c2330 : +9
347 : #5c232f : +10
S : 彩度 ( 45% )
(0%) 渋い ~ 鮮やか (100%)
1 : #403f40 : -44
3 : #423e3f : -42
5 : #433d3f : -40
7 : #443b3f : -38
9 : #453a3e : -36
11 : #47393e : -34
13 : #48373e : -32
15 : #49363e : -30
17 : #4b353d : -28
19 : #4c343d : -26
21 : #4d323d : -24
23 : #4e313c : -22
25 : #50303c : -20
27 : #512f3c : -18
29 : #522d3b : -16
31 : #542c3b : -14
33 : #552b3b : -12
35 : #56293b : -10
37 : #57283a : -8
39 : #59273a : -6
41 : #5a263a : -4
43 : #5b2439 : -2
45 : #5c2339 : ±0
47 : #5e2239 : +2
49 : #5f2138 : +4
51 : #601f38 : +6
53 : #621e38 : +8
55 : #631d38 : +10
57 : #641b37 : +12
59 : #651a37 : +14
61 : #671937 : +16
63 : #681836 : +18
65 : #691636 : +20
67 : #6a1536 : +22
69 : #6c1435 : +24
71 : #6d1235 : +26
73 : #6e1135 : +28
75 : #701035 : +30
77 : #710f34 : +32
79 : #720d34 : +34
81 : #730c34 : +36
83 : #750b33 : +38
85 : #760a33 : +40
87 : #770833 : +42
89 : #780733 : +44
91 : #7a0632 : +46
93 : #7b0432 : +48
95 : #7c0332 : +50
97 : #7e0231 : +52
99 : #7f0131 : +54
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -24
3 : #0b0407 : -22
5 : #12070b : -20
7 : #1a0a10 : -18
9 : #210d15 : -16
11 : #290f19 : -14
13 : #30121e : -12
15 : #371522 : -10
17 : #3f1827 : -8
19 : #461b2b : -6
21 : #4e1d30 : -4
23 : #552034 : -2
25 : #5c2339 : ±0
27 : #64263e : +2
29 : #6b2942 : +4
31 : #732b47 : +6
33 : #7a2e4b : +8
35 : #813150 : +10
37 : #893454 : +12
39 : #903759 : +14
41 : #983a5e : +16
43 : #9f3c62 : +18
45 : #a63f67 : +20
47 : #ae426b : +22
49 : #b54570 : +24
51 : #ba4a75 : +26
53 : #bd517b : +28
55 : #c05980 : +30
57 : #c36086 : +32
59 : #c5678b : +34
61 : #c86f91 : +36
63 : #cb7697 : +38
65 : #ce7e9c : +40
67 : #d185a2 : +42
69 : #d48ca8 : +44
71 : #d694ad : +46
73 : #d99bb3 : +48
75 : #dca3b9 : +50
77 : #dfaabe : +52
79 : #e2b1c4 : +54
81 : #e4b9c9 : +56
83 : #e7c0cf : +58
85 : #eac8d5 : +60
87 : #edcfda : +62
89 : #f0d6e0 : +64
91 : #f2dee6 : +66
93 : #f5e5eb : +68
95 : #f8edf1 : +70
97 : #fbf4f7 : +72
99 : #fefbfc : +74
CSS入門、作ってます。
text-shadow