#450d39
RGB ( 赤 = 69, 緑 = 13, 青 = 57 )
HSL ( 色相 = 313°, 彩度 = 68%, 明度 = 16% )
H : 色相 ( 313° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #45100d : -310
13 : #45190d : -300
23 : #45220d : -290
33 : #452c0d : -280
43 : #45350d : -270
53 : #453e0d : -260
63 : #42450d : -250
73 : #39450d : -240
83 : #2f450d : -230
93 : #26450d : -220
103 : #1d450d : -210
113 : #14450d : -200
123 : #0d4510 : -190
133 : #0d4519 : -180
143 : #0d4522 : -170
153 : #0d452c : -160
163 : #0d4535 : -150
173 : #0d453e : -140
183 : #0d4245 : -130
193 : #0d3945 : -120
203 : #0d2f45 : -110
213 : #0d2645 : -100
223 : #0d1d45 : -90
233 : #0d1445 : -80
243 : #100d45 : -70
253 : #190d45 : -60
263 : #220d45 : -50
273 : #2c0d45 : -40
283 : #350d45 : -30
293 : #3e0d45 : -20
303 : #450d42 : -10
313 : #450d39 : ±0
323 : #450d2f : +10
333 : #450d26 : +20
343 : #450d1d : +30
353 : #450d14 : +40
303 : #450d42 : -10
304 : #450d41 : -9
305 : #450d40 : -8
306 : #450d3f : -7
307 : #450d3e : -6
308 : #450d3d : -5
309 : #450d3c : -4
310 : #450d3b : -3
311 : #450d3a : -2
312 : #450d39 : -1
313 : #450d39 : ±0
314 : #450d38 : +1
315 : #450d37 : +2
316 : #450d36 : +3
317 : #450d35 : +4
318 : #450d34 : +5
319 : #450d33 : +6
320 : #450d32 : +7
321 : #450d31 : +8
322 : #450d30 : +9
323 : #450d2f : +10
S : 彩度 ( 68% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -68
2 : #2a2829 : -66
4 : #2a272a : -64
6 : #2b262a : -62
8 : #2c262b : -60
10 : #2d252b : -58
12 : #2e242c : -56
14 : #2f232c : -54
16 : #2f222c : -52
18 : #30212d : -50
20 : #31212d : -48
22 : #32202e : -46
24 : #331f2e : -44
26 : #331e2f : -42
28 : #341d2f : -40
30 : #351d30 : -38
32 : #361c30 : -36
34 : #371b31 : -34
36 : #371a31 : -32
38 : #381932 : -30
40 : #391832 : -28
42 : #3a1833 : -26
44 : #3b1733 : -24
46 : #3c1633 : -22
48 : #3c1534 : -20
50 : #3d1434 : -18
52 : #3e1435 : -16
54 : #3f1335 : -14
56 : #401236 : -12
58 : #401136 : -10
60 : #411037 : -8
62 : #421037 : -6
64 : #430f38 : -4
66 : #440e38 : -2
68 : #450d39 : ±0
70 : #450c39 : +2
72 : #460b39 : +4
74 : #470b3a : +6
76 : #480a3a : +8
78 : #49093b : +10
80 : #49083b : +12
82 : #4a073c : +14
84 : #4b073c : +16
86 : #4c063d : +18
88 : #4d053d : +20
90 : #4e043e : +22
92 : #4e033e : +24
94 : #4f023f : +26
96 : #50023f : +28
98 : #51013f : +30
100 : #520040 : +32
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #090207 : -14
4 : #11030e : -12
6 : #1a0515 : -10
8 : #22071c : -8
10 : #2b0823 : -6
12 : #330a2a : -4
14 : #3c0b31 : -2
16 : #450d39 : ±0
18 : #4d0f40 : +2
20 : #561047 : +4
22 : #5e124e : +6
24 : #671455 : +8
26 : #6f155c : +10
28 : #781763 : +12
30 : #81186a : +14
32 : #891a71 : +16
34 : #921c78 : +18
36 : #9a1d7f : +20
38 : #a31f86 : +22
40 : #ab218d : +24
42 : #b42294 : +26
44 : #bc249b : +28
46 : #c526a2 : +30
48 : #ce27aa : +32
50 : #d629b1 : +34
52 : #d831b4 : +36
54 : #d93ab7 : +38
56 : #db43ba : +40
58 : #dd4bbd : +42
60 : #de54c0 : +44
62 : #e05cc3 : +46
64 : #e265c7 : +48
66 : #e36dca : +50
68 : #e576cd : +52
70 : #e77ed0 : +54
72 : #e887d3 : +56
74 : #ea90d6 : +58
76 : #eb98d9 : +60
78 : #eda1dd : +62
80 : #efa9e0 : +64
82 : #f0b2e3 : +66
84 : #f2bae6 : +68
86 : #f4c3e9 : +70
88 : #f5ccec : +72
90 : #f7d4ef : +74
92 : #f8ddf2 : +76
94 : #fae5f6 : +78
96 : #fceef9 : +80
98 : #fdf6fc : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow