#45113b
RGB ( 赤 = 69, 緑 = 17, 青 = 59 )
HSL ( 色相 = 312°, 彩度 = 60%, 明度 = 17% )
H : 色相 ( 312° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #451311 : -310
12 : #451c11 : -300
22 : #452411 : -290
32 : #452d11 : -280
42 : #453611 : -270
52 : #453e11 : -260
62 : #444511 : -250
72 : #3b4511 : -240
82 : #324511 : -230
92 : #2a4511 : -220
102 : #214511 : -210
112 : #184511 : -200
122 : #114513 : -190
132 : #11451c : -180
142 : #114524 : -170
152 : #11452d : -160
162 : #114536 : -150
172 : #11453e : -140
182 : #114445 : -130
192 : #113b45 : -120
202 : #113245 : -110
212 : #112a45 : -100
222 : #112145 : -90
232 : #111845 : -80
242 : #131145 : -70
252 : #1c1145 : -60
262 : #241145 : -50
272 : #2d1145 : -40
282 : #361145 : -30
292 : #3e1145 : -20
302 : #451144 : -10
312 : #45113b : ±0
322 : #451132 : +10
332 : #45112a : +20
342 : #451121 : +30
352 : #451118 : +40
302 : #451144 : -10
303 : #451143 : -9
304 : #451142 : -8
305 : #451141 : -7
306 : #451140 : -6
307 : #45113f : -5
308 : #45113e : -4
309 : #45113e : -3
310 : #45113d : -2
311 : #45113c : -1
312 : #45113b : ±0
313 : #45113a : +1
314 : #451139 : +2
315 : #451138 : +3
316 : #451137 : +4
317 : #451137 : +5
318 : #451136 : +6
319 : #451135 : +7
320 : #451134 : +8
321 : #451133 : +9
322 : #451132 : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2b2b2b : -60
2 : #2c2a2c : -58
4 : #2d2a2c : -56
6 : #2e292d : -54
8 : #2f282d : -52
10 : #30272e : -50
12 : #31262e : -48
14 : #31252f : -46
16 : #322430 : -44
18 : #332430 : -42
20 : #342331 : -40
22 : #352231 : -38
24 : #362132 : -36
26 : #372032 : -34
28 : #371f33 : -32
30 : #381e33 : -30
32 : #391d34 : -28
34 : #3a1d34 : -26
36 : #3b1c35 : -24
38 : #3c1b35 : -22
40 : #3d1a36 : -20
42 : #3e1936 : -18
44 : #3e1837 : -16
46 : #3f1737 : -14
48 : #401738 : -12
50 : #411638 : -10
52 : #421539 : -8
54 : #431439 : -6
56 : #44133a : -4
58 : #44123a : -2
60 : #45113b : ±0
62 : #46103b : +2
64 : #47103c : +4
66 : #480f3d : +6
68 : #490e3d : +8
70 : #4a0d3e : +10
72 : #4b0c3e : +12
74 : #4b0b3f : +14
76 : #4c0a3f : +16
78 : #4d0a40 : +18
80 : #4e0940 : +20
82 : #4f0841 : +22
84 : #500741 : +24
86 : #510642 : +26
88 : #510542 : +28
90 : #520443 : +30
92 : #530343 : +32
94 : #540344 : +34
96 : #550244 : +36
98 : #560145 : +38
100 : #570045 : +40
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -16
3 : #0c030a : -14
5 : #140511 : -12
7 : #1d0718 : -10
9 : #25091f : -8
11 : #2d0b26 : -6
13 : #350d2d : -4
15 : #3d0f34 : -2
17 : #45113b : ±0
19 : #4e1342 : +2
21 : #561549 : +4
23 : #5e1750 : +6
25 : #661a57 : +8
27 : #6e1c5e : +10
29 : #761e65 : +12
31 : #7e206c : +14
33 : #872272 : +16
35 : #8f2479 : +18
37 : #972680 : +20
39 : #9f2887 : +22
41 : #a72a8e : +24
43 : #af2c95 : +26
45 : #b82e9c : +28
47 : #c030a3 : +30
49 : #c832aa : +32
51 : #cd37af : +34
53 : #cf3fb2 : +36
55 : #d147b6 : +38
57 : #d350b9 : +40
59 : #d558bc : +42
61 : #d760bf : +44
63 : #d968c3 : +46
65 : #db70c6 : +48
67 : #dd78c9 : +50
69 : #df81cc : +52
71 : #e189d0 : +54
73 : #e391d3 : +56
75 : #e699d6 : +58
77 : #e8a1d9 : +60
79 : #eaa9dd : +62
81 : #ecb1e0 : +64
83 : #eebae3 : +66
85 : #f0c2e7 : +68
87 : #f2caea : +70
89 : #f4d2ed : +72
91 : #f6daf0 : +74
93 : #f8e2f4 : +76
95 : #faebf7 : +78
97 : #fcf3fa : +80
99 : #fefbfd : +82
CSS入門、作ってます。
text-shadow