#4d0033
RGB ( 赤 = 77, 緑 = 0, 青 = 51 )
HSL ( 色相 = 320°, 彩度 = 100%, 明度 = 15% )
H : 色相 ( 320° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #4d0000 : -320
10 : #4d0d00 : -310
20 : #4d1a00 : -300
30 : #4d2600 : -290
40 : #4d3300 : -280
50 : #4d4000 : -270
60 : #4d4d00 : -260
70 : #404d00 : -250
80 : #334d00 : -240
90 : #264d00 : -230
100 : #1a4d00 : -220
110 : #0d4d00 : -210
120 : #004d00 : -200
130 : #004d0d : -190
140 : #004d1a : -180
150 : #004d26 : -170
160 : #004d33 : -160
170 : #004d40 : -150
180 : #004d4d : -140
190 : #00404d : -130
200 : #00334d : -120
210 : #00264d : -110
220 : #001a4d : -100
230 : #000d4d : -90
240 : #00004d : -80
250 : #0d004d : -70
260 : #1a004d : -60
270 : #26004d : -50
280 : #33004d : -40
290 : #40004d : -30
300 : #4d004d : -20
310 : #4d0040 : -10
320 : #4d0033 : ±0
330 : #4d0026 : +10
340 : #4d001a : +20
350 : #4d000d : +30
310 : #4d0040 : -10
311 : #4d003e : -9
312 : #4d003d : -8
313 : #4d003c : -7
314 : #4d003b : -6
315 : #4d0039 : -5
316 : #4d0038 : -4
317 : #4d0037 : -3
318 : #4d0036 : -2
319 : #4d0034 : -1
320 : #4d0033 : ±0
321 : #4d0032 : +1
322 : #4d0030 : +2
323 : #4d002f : +3
324 : #4d002e : +4
325 : #4d002d : +5
326 : #4d002b : +6
327 : #4d002a : +7
328 : #4d0029 : +8
329 : #4d0028 : +9
330 : #4d0026 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #262626 : -100
2 : #272527 : -98
4 : #282527 : -96
6 : #292427 : -94
8 : #292327 : -92
10 : #2a2228 : -90
12 : #2b2228 : -88
14 : #2c2128 : -86
16 : #2c2028 : -84
18 : #2d1f29 : -82
20 : #2e1f29 : -80
22 : #2f1e29 : -78
24 : #2f1d29 : -76
26 : #301c2a : -74
28 : #311c2a : -72
30 : #321b2a : -70
32 : #321a2a : -68
34 : #33192b : -66
36 : #34182b : -64
38 : #35182b : -62
40 : #36172b : -60
42 : #36162c : -58
44 : #37152c : -56
46 : #38152c : -54
48 : #39142c : -52
50 : #39132d : -50
52 : #3a122d : -48
54 : #3b122d : -46
56 : #3c112d : -44
58 : #3c102e : -42
60 : #3d0f2e : -40
62 : #3e0f2e : -38
64 : #3f0e2e : -36
66 : #3f0d2f : -34
68 : #400c2f : -32
70 : #410b2f : -30
72 : #420b2f : -28
74 : #430a30 : -26
76 : #430930 : -24
78 : #440830 : -22
80 : #450830 : -20
82 : #460731 : -18
84 : #460631 : -16
86 : #470531 : -14
88 : #480531 : -12
90 : #490432 : -10
92 : #490332 : -8
94 : #4a0232 : -6
96 : #4b0232 : -4
98 : #4c0133 : -2
100 : #4d0033 : ±0
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #050003 : -14
3 : #0f000a : -12
5 : #1a0011 : -10
7 : #240018 : -8
9 : #2e001f : -6
11 : #380025 : -4
13 : #42002c : -2
15 : #4d0033 : ±0
17 : #57003a : +2
19 : #610041 : +4
21 : #6b0047 : +6
23 : #75004e : +8
25 : #800055 : +10
27 : #8a005c : +12
29 : #940063 : +14
31 : #9e0069 : +16
33 : #a80070 : +18
35 : #b30077 : +20
37 : #bd007e : +22
39 : #c70085 : +24
41 : #d1008b : +26
43 : #db0092 : +28
45 : #e60099 : +30
47 : #f000a0 : +32
49 : #fa00a7 : +34
51 : #ff05ac : +36
53 : #ff0faf : +38
55 : #ff1ab3 : +40
57 : #ff24b6 : +42
59 : #ff2eb9 : +44
61 : #ff38bd : +46
63 : #ff42c0 : +48
65 : #ff4dc4 : +50
67 : #ff57c7 : +52
69 : #ff61ca : +54
71 : #ff6bce : +56
73 : #ff75d1 : +58
75 : #ff80d5 : +60
77 : #ff8ad8 : +62
79 : #ff94db : +64
81 : #ff9edf : +66
83 : #ffa8e2 : +68
85 : #ffb3e6 : +70
87 : #ffbde9 : +72
89 : #ffc7ec : +74
91 : #ffd1f0 : +76
93 : #ffdbf3 : +78
95 : #ffe6f7 : +80
97 : #fff0fa : +82
99 : #fffafd : +84
CSS入門、作ってます。
text-shadow