#45174a
RGB ( 赤 = 69, 緑 = 23, 青 = 74 )
HSL ( 色相 = 294°, 彩度 = 53%, 明度 = 19% )
H : 色相 ( 294° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #4a1a17 : -290
14 : #4a2317 : -280
24 : #4a2b17 : -270
34 : #4a3417 : -260
44 : #4a3c17 : -250
54 : #4a4517 : -240
64 : #474a17 : -230
74 : #3e4a17 : -220
84 : #364a17 : -210
94 : #2d4a17 : -200
104 : #244a17 : -190
114 : #1c4a17 : -180
124 : #174a1a : -170
134 : #174a23 : -160
144 : #174a2b : -150
154 : #174a34 : -140
164 : #174a3c : -130
174 : #174a45 : -120
184 : #17474a : -110
194 : #173e4a : -100
204 : #17364a : -90
214 : #172d4a : -80
224 : #17244a : -70
234 : #171c4a : -60
244 : #1a174a : -50
254 : #23174a : -40
264 : #2b174a : -30
274 : #34174a : -20
284 : #3c174a : -10
294 : #45174a : ±0
304 : #4a1747 : +10
314 : #4a173e : +20
324 : #4a1736 : +30
334 : #4a172d : +40
344 : #4a1724 : +50
354 : #4a171c : +60
284 : #3c174a : -10
285 : #3d174a : -9
286 : #3e174a : -8
287 : #3f174a : -7
288 : #40174a : -6
289 : #41174a : -5
290 : #42174a : -4
291 : #42174a : -3
292 : #43174a : -2
293 : #44174a : -1
294 : #45174a : ±0
295 : #46174a : +1
296 : #47174a : +2
297 : #48174a : +3
298 : #48174a : +4
299 : #49174a : +5
300 : #4a174a : +6
301 : #4a1749 : +7
302 : #4a1748 : +8
303 : #4a1748 : +9
304 : #4a1747 : +10
S : 彩度 ( 53% )
(0%) 渋い ~ 鮮やか (100%)
1 : #313031 : -52
3 : #322f32 : -50
5 : #322e33 : -48
7 : #332d34 : -46
9 : #342c35 : -44
11 : #352b36 : -42
13 : #352a37 : -40
15 : #362938 : -38
17 : #372839 : -36
19 : #38273a : -34
21 : #39263b : -32
23 : #39253c : -30
25 : #3a243d : -28
27 : #3b233e : -26
29 : #3c223f : -24
31 : #3c213f : -22
33 : #3d2040 : -20
35 : #3e1f41 : -18
37 : #3f1f42 : -16
39 : #401e43 : -14
41 : #401d44 : -12
43 : #411c45 : -10
45 : #421b46 : -8
47 : #431a47 : -6
49 : #431948 : -4
51 : #441849 : -2
53 : #45174a : ±0
55 : #46164b : +2
57 : #47154c : +4
59 : #47144d : +6
61 : #48134e : +8
63 : #49124f : +10
65 : #4a1150 : +12
67 : #4a1051 : +14
69 : #4b0f52 : +16
71 : #4c0e53 : +18
73 : #4d0d54 : +20
75 : #4e0c55 : +22
77 : #4e0b56 : +24
79 : #4f0a57 : +26
81 : #500958 : +28
83 : #510859 : +30
85 : #51075a : +32
87 : #52065b : +34
89 : #53055c : +36
91 : #54045d : +38
93 : #54035e : +40
95 : #55025e : +42
97 : #56015f : +44
99 : #570060 : +46
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -18
3 : #0b040c : -16
5 : #120614 : -14
7 : #19081b : -12
9 : #210b23 : -10
11 : #280d2b : -8
13 : #2f1033 : -6
15 : #36123b : -4
17 : #3e1442 : -2
19 : #45174a : ±0
21 : #4c1952 : +2
23 : #541c5a : +4
25 : #5b1e62 : +6
27 : #622069 : +8
29 : #692371 : +10
31 : #712579 : +12
33 : #782881 : +14
35 : #7f2a89 : +16
37 : #862c90 : +18
39 : #8e2f98 : +20
41 : #9531a0 : +22
43 : #9c34a8 : +24
45 : #a336b0 : +26
47 : #ab38b7 : +28
49 : #b23bbf : +30
51 : #b740c4 : +32
53 : #ba48c7 : +34
55 : #bd4fc9 : +36
57 : #c057cb : +38
59 : #c35fce : +40
61 : #c667d0 : +42
63 : #c96fd3 : +44
65 : #cc76d5 : +46
67 : #cf7ed7 : +48
69 : #d186da : +50
71 : #d48edc : +52
73 : #d796df : +54
75 : #da9de1 : +56
77 : #dda5e3 : +58
79 : #e0ade6 : +60
81 : #e3b5e8 : +62
83 : #e6bdeb : +64
85 : #e9c4ed : +66
87 : #ecccef : +68
89 : #efd4f2 : +70
91 : #f2dcf4 : +72
93 : #f5e4f7 : +74
95 : #f8ebf9 : +76
97 : #fbf3fb : +78
99 : #fefbfe : +80
CSS入門、作ってます。
text-shadow