#4c1544
RGB ( 赤 = 76, 緑 = 21, 青 = 68 )
HSL ( 色相 = 309°, 彩度 = 57%, 明度 = 19% )
H : 色相 ( 309° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #4c1d15 : -300
19 : #4c2615 : -290
29 : #4c3015 : -280
39 : #4c3915 : -270
49 : #4c4215 : -260
59 : #4c4b15 : -250
69 : #444c15 : -240
79 : #3b4c15 : -230
89 : #314c15 : -220
99 : #284c15 : -210
109 : #1f4c15 : -200
119 : #164c15 : -190
129 : #154c1d : -180
139 : #154c26 : -170
149 : #154c30 : -160
159 : #154c39 : -150
169 : #154c42 : -140
179 : #154c4b : -130
189 : #15444c : -120
199 : #153b4c : -110
209 : #15314c : -100
219 : #15284c : -90
229 : #151f4c : -80
239 : #15164c : -70
249 : #1d154c : -60
259 : #26154c : -50
269 : #30154c : -40
279 : #39154c : -30
289 : #42154c : -20
299 : #4b154c : -10
309 : #4c1544 : ±0
319 : #4c153b : +10
329 : #4c1531 : +20
339 : #4c1528 : +30
349 : #4c151f : +40
359 : #4c1516 : +50
299 : #4b154c : -10
300 : #4c154c : -9
301 : #4c154b : -8
302 : #4c154a : -7
303 : #4c1549 : -6
304 : #4c1548 : -5
305 : #4c1547 : -4
306 : #4c1547 : -3
307 : #4c1546 : -2
308 : #4c1545 : -1
309 : #4c1544 : ±0
310 : #4c1543 : +1
311 : #4c1542 : +2
312 : #4c1541 : +3
313 : #4c1540 : +4
314 : #4c153f : +5
315 : #4c153e : +6
316 : #4c153d : +7
317 : #4c153c : +8
318 : #4c153b : +9
319 : #4c153b : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #313031 : -56
3 : #322f31 : -54
5 : #332e32 : -52
7 : #342d33 : -50
9 : #352c34 : -48
11 : #362b34 : -46
13 : #372a35 : -44
15 : #382936 : -42
17 : #392836 : -40
19 : #3a2737 : -38
21 : #3b2638 : -36
23 : #3c2538 : -34
25 : #3d2439 : -32
27 : #3e233a : -30
29 : #3f223a : -28
31 : #3f213b : -26
33 : #40203c : -24
35 : #411f3c : -22
37 : #421f3d : -20
39 : #431e3e : -18
41 : #441d3e : -16
43 : #451c3f : -14
45 : #461b40 : -12
47 : #471a40 : -10
49 : #481941 : -8
51 : #491842 : -6
53 : #4a1742 : -4
55 : #4b1643 : -2
57 : #4c1544 : ±0
59 : #4d1444 : +2
61 : #4e1345 : +4
63 : #4f1246 : +6
65 : #501146 : +8
67 : #511047 : +10
69 : #520f48 : +12
71 : #530e49 : +14
73 : #540d49 : +16
75 : #550c4a : +18
77 : #560b4b : +20
79 : #570a4b : +22
81 : #58094c : +24
83 : #59084d : +26
85 : #5a074d : +28
87 : #5b064e : +30
89 : #5c054f : +32
91 : #5d044f : +34
93 : #5e0350 : +36
95 : #5e0251 : +38
97 : #5f0151 : +40
99 : #600052 : +42
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -18
3 : #0c030b : -16
5 : #140512 : -14
7 : #1c0819 : -12
9 : #240a20 : -10
11 : #2c0c27 : -8
13 : #340e2e : -6
15 : #3c1036 : -4
17 : #44133d : -2
19 : #4c1544 : ±0
21 : #54174b : +2
23 : #5c1952 : +4
25 : #641b59 : +6
27 : #6c1e60 : +8
29 : #742067 : +10
31 : #7c226f : +12
33 : #842476 : +14
35 : #8c267d : +16
37 : #942984 : +18
39 : #9c2b8b : +20
41 : #a42d92 : +22
43 : #ac2f99 : +24
45 : #b431a1 : +26
47 : #bc34a8 : +28
49 : #c436af : +30
51 : #c93bb4 : +32
53 : #cb43b7 : +34
55 : #ce4bba : +36
57 : #d053bd : +38
59 : #d25bc0 : +40
61 : #d463c3 : +42
63 : #d66bc6 : +44
65 : #d973c9 : +46
67 : #db7bcc : +48
69 : #dd83cf : +50
71 : #df8bd3 : +52
73 : #e193d6 : +54
75 : #e49bd9 : +56
77 : #e6a3dc : +58
79 : #e8abdf : +60
81 : #eab3e2 : +62
83 : #ecbbe5 : +64
85 : #efc3e8 : +66
87 : #f1cbeb : +68
89 : #f3d3ee : +70
91 : #f5dbf1 : +72
93 : #f7e3f4 : +74
95 : #faebf7 : +76
97 : #fcf3fa : +78
99 : #fefbfd : +80
CSS入門、作ってます。
text-shadow