#4c1543
RGB ( 赤 = 76, 緑 = 21, 青 = 67 )
HSL ( 色相 = 310°, 彩度 = 57%, 明度 = 19% )
H : 色相 ( 310° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #4c1515 : -310
10 : #4c1e15 : -300
20 : #4c2715 : -290
30 : #4c3015 : -280
40 : #4c3a15 : -270
50 : #4c4315 : -260
60 : #4c4c15 : -250
70 : #434c15 : -240
80 : #3a4c15 : -230
90 : #304c15 : -220
100 : #274c15 : -210
110 : #1e4c15 : -200
120 : #154c15 : -190
130 : #154c1e : -180
140 : #154c27 : -170
150 : #154c30 : -160
160 : #154c3a : -150
170 : #154c43 : -140
180 : #154c4c : -130
190 : #15434c : -120
200 : #153a4c : -110
210 : #15304c : -100
220 : #15274c : -90
230 : #151e4c : -80
240 : #15154c : -70
250 : #1e154c : -60
260 : #27154c : -50
270 : #30154c : -40
280 : #3a154c : -30
290 : #43154c : -20
300 : #4c154c : -10
310 : #4c1543 : ±0
320 : #4c153a : +10
330 : #4c1530 : +20
340 : #4c1527 : +30
350 : #4c151e : +40
300 : #4c154c : -10
301 : #4c154b : -9
302 : #4c154a : -8
303 : #4c1549 : -7
304 : #4c1548 : -6
305 : #4c1547 : -5
306 : #4c1547 : -4
307 : #4c1546 : -3
308 : #4c1545 : -2
309 : #4c1544 : -1
310 : #4c1543 : ±0
311 : #4c1542 : +1
312 : #4c1541 : +2
313 : #4c1540 : +3
314 : #4c153f : +4
315 : #4c153e : +5
316 : #4c153d : +6
317 : #4c153c : +7
318 : #4c153b : +8
319 : #4c153b : +9
320 : #4c153a : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #313031 : -56
3 : #322f31 : -54
5 : #332e32 : -52
7 : #342d33 : -50
9 : #352c33 : -48
11 : #362b34 : -46
13 : #372a35 : -44
15 : #382935 : -42
17 : #392836 : -40
19 : #3a2737 : -38
21 : #3b2637 : -36
23 : #3c2538 : -34
25 : #3d2439 : -32
27 : #3e2339 : -30
29 : #3f223a : -28
31 : #3f213a : -26
33 : #40203b : -24
35 : #411f3c : -22
37 : #421f3c : -20
39 : #431e3d : -18
41 : #441d3e : -16
43 : #451c3e : -14
45 : #461b3f : -12
47 : #471a40 : -10
49 : #481940 : -8
51 : #491841 : -6
53 : #4a1742 : -4
55 : #4b1642 : -2
57 : #4c1543 : ±0
59 : #4d1444 : +2
61 : #4e1344 : +4
63 : #4f1245 : +6
65 : #501145 : +8
67 : #511046 : +10
69 : #520f47 : +12
71 : #530e47 : +14
73 : #540d48 : +16
75 : #550c49 : +18
77 : #560b49 : +20
79 : #570a4a : +22
81 : #58094b : +24
83 : #59084b : +26
85 : #5a074c : +28
87 : #5b064d : +30
89 : #5c054d : +32
91 : #5d044e : +34
93 : #5e034e : +36
95 : #5e024f : +38
97 : #5f0150 : +40
99 : #600050 : +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 : #3c1035 : -4
17 : #44133c : -2
19 : #4c1543 : ±0
21 : #54174a : +2
23 : #5c1951 : +4
25 : #641b58 : +6
27 : #6c1e5f : +8
29 : #742066 : +10
31 : #7c226d : +12
33 : #842474 : +14
35 : #8c267b : +16
37 : #942982 : +18
39 : #9c2b89 : +20
41 : #a42d90 : +22
43 : #ac2f97 : +24
45 : #b4319e : +26
47 : #bc34a5 : +28
49 : #c436ac : +30
51 : #c93bb2 : +32
53 : #cb43b5 : +34
55 : #ce4bb8 : +36
57 : #d053bb : +38
59 : #d25bbe : +40
61 : #d463c1 : +42
63 : #d66bc5 : +44
65 : #d973c8 : +46
67 : #db7bcb : +48
69 : #dd83ce : +50
71 : #df8bd1 : +52
73 : #e193d4 : +54
75 : #e49bd7 : +56
77 : #e6a3db : +58
79 : #e8abde : +60
81 : #eab3e1 : +62
83 : #ecbbe4 : +64
85 : #efc3e7 : +66
87 : #f1cbea : +68
89 : #f3d3ee : +70
91 : #f5dbf1 : +72
93 : #f7e3f4 : +74
95 : #faebf7 : +76
97 : #fcf3fa : +78
99 : #fefbfd : +80
CSS入門、作ってます。
text-shadow