#3c2645
RGB ( 赤 = 60, 緑 = 38, 青 = 69 )
HSL ( 色相 = 283°, 彩度 = 29%, 明度 = 21% )
H : 色相 ( 283° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #452826 : -280
13 : #452d26 : -270
23 : #453226 : -260
33 : #453726 : -250
43 : #453c26 : -240
53 : #454126 : -230
63 : #444526 : -220
73 : #3e4526 : -210
83 : #394526 : -200
93 : #344526 : -190
103 : #2f4526 : -180
113 : #2a4526 : -170
123 : #264528 : -160
133 : #26452d : -150
143 : #264532 : -140
153 : #264537 : -130
163 : #26453c : -120
173 : #264541 : -110
183 : #264445 : -100
193 : #263e45 : -90
203 : #263945 : -80
213 : #263445 : -70
223 : #262f45 : -60
233 : #262a45 : -50
243 : #282645 : -40
253 : #2d2645 : -30
263 : #322645 : -20
273 : #372645 : -10
283 : #3c2645 : ±0
293 : #412645 : +10
303 : #452644 : +20
313 : #45263e : +30
323 : #452639 : +40
333 : #452634 : +50
343 : #45262f : +60
353 : #45262a : +70
273 : #372645 : -10
274 : #382645 : -9
275 : #382645 : -8
276 : #392645 : -7
277 : #392645 : -6
278 : #3a2645 : -5
279 : #3a2645 : -4
280 : #3b2645 : -3
281 : #3b2645 : -2
282 : #3c2645 : -1
283 : #3c2645 : ±0
284 : #3d2645 : +1
285 : #3d2645 : +2
286 : #3e2645 : +3
287 : #3e2645 : +4
288 : #3f2645 : +5
289 : #3f2645 : +6
290 : #402645 : +7
291 : #402645 : +8
292 : #412645 : +9
293 : #412645 : +10
S : 彩度 ( 29% )
(0%) 渋い ~ 鮮やか (100%)
1 : #363536 : -28
3 : #363437 : -26
5 : #373338 : -24
7 : #373239 : -22
9 : #38313a : -20
11 : #38303b : -18
13 : #392f3d : -16
15 : #392e3e : -14
17 : #392c3f : -12
19 : #3a2b40 : -10
21 : #3a2a41 : -8
23 : #3b2942 : -6
25 : #3b2843 : -4
27 : #3c2744 : -2
29 : #3c2645 : ±0
31 : #3d2546 : +2
33 : #3d2447 : +4
35 : #3e2348 : +6
37 : #3e2249 : +8
39 : #3f214a : +10
41 : #3f204c : +12
43 : #401f4d : +14
45 : #401d4e : +16
47 : #401c4f : +18
49 : #411b50 : +20
51 : #411a51 : +22
53 : #421952 : +24
55 : #421853 : +26
57 : #431754 : +28
59 : #431655 : +30
61 : #441556 : +32
63 : #441457 : +34
65 : #451358 : +36
67 : #451259 : +38
69 : #46115a : +40
71 : #46105c : +42
73 : #460e5d : +44
75 : #470d5e : +46
77 : #470c5f : +48
79 : #480b60 : +50
81 : #480a61 : +52
83 : #490962 : +54
85 : #490863 : +56
87 : #4a0764 : +58
89 : #4a0665 : +60
91 : #4b0566 : +62
93 : #4b0467 : +64
95 : #4c0368 : +66
97 : #4c0269 : +68
99 : #4d016b : +70
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -20
3 : #09050a : -18
5 : #0e0910 : -16
7 : #140d17 : -14
9 : #1a101e : -12
11 : #201424 : -10
13 : #25182b : -8
15 : #2b1b31 : -6
17 : #311f38 : -4
19 : #37223f : -2
21 : #3c2645 : ±0
23 : #422a4c : +2
25 : #482d52 : +4
27 : #4e3159 : +6
29 : #53355f : +8
31 : #593866 : +10
33 : #5f3c6d : +12
35 : #643f73 : +14
37 : #6a437a : +16
39 : #704780 : +18
41 : #764a87 : +20
43 : #7b4e8d : +22
45 : #815194 : +24
47 : #87559b : +26
49 : #8d59a1 : +28
51 : #925ea6 : +30
53 : #9664aa : +32
55 : #9b6bae : +34
57 : #9f72b1 : +36
59 : #a478b5 : +38
61 : #a87fb8 : +40
63 : #ad85bc : +42
65 : #b18cc0 : +44
67 : #b592c3 : +46
69 : #ba99c7 : +48
71 : #bea0ca : +50
73 : #c3a6ce : +52
75 : #c7add2 : +54
77 : #ccb3d5 : +56
79 : #d0bad9 : +58
81 : #d5c0dd : +60
83 : #d9c7e0 : +62
85 : #decee4 : +64
87 : #e2d4e7 : +66
89 : #e6dbeb : +68
91 : #ebe1ef : +70
93 : #efe8f2 : +72
95 : #f4eff6 : +74
97 : #f8f5fa : +76
99 : #fdfcfd : +78
CSS入門、作ってます。
text-shadow