#780c44
RGB ( 赤 = 120, 緑 = 12, 青 = 68 )
HSL ( 色相 = 329°, 彩度 = 82%, 明度 = 26% )
H : 色相 ( 329° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #791c0c : -320
19 : #792e0c : -310
29 : #79400c : -300
39 : #79530c : -290
49 : #79650c : -280
59 : #79770c : -270
69 : #68790c : -260
79 : #56790c : -250
89 : #44790c : -240
99 : #32790c : -230
109 : #20790c : -220
119 : #0e790c : -210
129 : #0c791c : -200
139 : #0c792e : -190
149 : #0c7940 : -180
159 : #0c7953 : -170
169 : #0c7965 : -160
179 : #0c7977 : -150
189 : #0c6879 : -140
199 : #0c5679 : -130
209 : #0c4479 : -120
219 : #0c3279 : -110
229 : #0c2079 : -100
239 : #0c0e79 : -90
249 : #1c0c79 : -80
259 : #2e0c79 : -70
269 : #400c79 : -60
279 : #530c79 : -50
289 : #650c79 : -40
299 : #770c79 : -30
309 : #790c68 : -20
319 : #790c56 : -10
329 : #790c44 : ±0
339 : #790c32 : +10
349 : #790c20 : +20
359 : #790c0e : +30
319 : #790c56 : -10
320 : #790c54 : -9
321 : #790c53 : -8
322 : #790c51 : -7
323 : #790c4f : -6
324 : #790c4d : -5
325 : #790c4b : -4
326 : #790c4a : -3
327 : #790c48 : -2
328 : #790c46 : -1
329 : #790c44 : ±0
330 : #790c42 : +1
331 : #790c40 : +2
332 : #790c3f : +3
333 : #790c3d : +4
334 : #790c3b : +5
335 : #790c39 : +6
336 : #790c37 : +7
337 : #790c36 : +8
338 : #790c34 : +9
339 : #790c32 : +10
S : 彩度 ( 82% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -82
2 : #444142 : -80
4 : #454042 : -78
6 : #463e42 : -76
8 : #483d42 : -74
10 : #493c43 : -72
12 : #4a3a43 : -70
14 : #4c3943 : -68
16 : #4d3843 : -66
18 : #4e3643 : -64
20 : #503543 : -62
22 : #513443 : -60
24 : #523243 : -58
26 : #543143 : -56
28 : #553043 : -54
30 : #562e43 : -52
32 : #582d43 : -50
34 : #592c43 : -48
36 : #5a2a43 : -46
38 : #5b2943 : -44
40 : #5d2843 : -42
42 : #5e2643 : -40
44 : #5f2543 : -38
46 : #612443 : -36
48 : #622243 : -34
50 : #632143 : -32
52 : #652043 : -30
54 : #661e43 : -28
56 : #671d44 : -26
58 : #691c44 : -24
60 : #6a1b44 : -22
62 : #6b1944 : -20
64 : #6d1844 : -18
66 : #6e1744 : -16
68 : #6f1544 : -14
70 : #711444 : -12
72 : #721344 : -10
74 : #731144 : -8
76 : #751044 : -6
78 : #760f44 : -4
80 : #770d44 : -2
82 : #790c44 : ±0
84 : #7a0b44 : +2
86 : #7b0944 : +4
88 : #7d0844 : +6
90 : #7e0744 : +8
92 : #7f0544 : +10
94 : #810444 : +12
96 : #820344 : +14
98 : #830144 : +16
100 : #850045 : +18
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #090105 : -24
4 : #13020a : -22
6 : #1c0310 : -20
8 : #250415 : -18
10 : #2e051a : -16
12 : #38061f : -14
14 : #410625 : -12
16 : #4a072a : -10
18 : #54082f : -8
20 : #5d0934 : -6
22 : #660a3a : -4
24 : #6f0b3f : -2
26 : #790c44 : ±0
28 : #820d49 : +2
30 : #8b0e4f : +4
32 : #950f54 : +6
34 : #9e1059 : +8
36 : #a7115e : +10
38 : #b01164 : +12
40 : #ba1269 : +14
42 : #c3136e : +16
44 : #cc1473 : +18
46 : #d51579 : +20
48 : #df167e : +22
50 : #e81783 : +24
52 : #e92088 : +26
54 : #ea2a8d : +28
56 : #eb3392 : +30
58 : #ec3c97 : +32
60 : #ed459c : +34
62 : #ee4fa1 : +36
64 : #ee58a6 : +38
66 : #ef61ab : +40
68 : #f06ab0 : +42
70 : #f174b5 : +44
72 : #f27dba : +46
74 : #f386bf : +48
76 : #f490c3 : +50
78 : #f599c8 : +52
80 : #f6a2cd : +54
82 : #f7abd2 : +56
84 : #f8b5d7 : +58
86 : #f9bedc : +60
88 : #f9c7e1 : +62
90 : #fad1e6 : +64
92 : #fbdaeb : +66
94 : #fce3f0 : +68
96 : #fdecf5 : +70
98 : #fef6fa : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow