#770f77
RGB ( 赤 = 119, 緑 = 15, 青 = 119 )
HSL ( 色相 = 300°, 彩度 = 78%, 明度 = 26% )
H : 色相 ( 300° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #760f0f : -300
10 : #76200f : -290
20 : #76310f : -280
30 : #76420f : -270
40 : #76540f : -260
50 : #76650f : -250
60 : #76760f : -240
70 : #65760f : -230
80 : #54760f : -220
90 : #42760f : -210
100 : #31760f : -200
110 : #20760f : -190
120 : #0f760f : -180
130 : #0f7620 : -170
140 : #0f7631 : -160
150 : #0f7642 : -150
160 : #0f7654 : -140
170 : #0f7665 : -130
180 : #0f7676 : -120
190 : #0f6576 : -110
200 : #0f5476 : -100
210 : #0f4276 : -90
220 : #0f3176 : -80
230 : #0f2076 : -70
240 : #0f0f76 : -60
250 : #200f76 : -50
260 : #310f76 : -40
270 : #420f76 : -30
280 : #540f76 : -20
290 : #650f76 : -10
300 : #760f76 : ±0
310 : #760f65 : +10
320 : #760f54 : +20
330 : #760f42 : +30
340 : #760f31 : +40
350 : #760f20 : +50
290 : #650f76 : -10
291 : #660f76 : -9
292 : #680f76 : -8
293 : #6a0f76 : -7
294 : #6c0f76 : -6
295 : #6d0f76 : -5
296 : #6f0f76 : -4
297 : #710f76 : -3
298 : #730f76 : -2
299 : #740f76 : -1
300 : #760f76 : ±0
301 : #760f74 : +1
302 : #760f73 : +2
303 : #760f71 : +3
304 : #760f6f : +4
305 : #760f6d : +5
306 : #760f6c : +6
307 : #760f6a : +7
308 : #760f68 : +8
309 : #760f66 : +9
310 : #760f65 : +10
S : 彩度 ( 78% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -78
2 : #444144 : -76
4 : #454045 : -74
6 : #463e46 : -72
8 : #483d48 : -70
10 : #493c49 : -68
12 : #4a3a4a : -66
14 : #4c394c : -64
16 : #4d384d : -62
18 : #4e364e : -60
20 : #503550 : -58
22 : #513451 : -56
24 : #523252 : -54
26 : #543154 : -52
28 : #553055 : -50
30 : #562e56 : -48
32 : #582d58 : -46
34 : #592c59 : -44
36 : #5a2a5a : -42
38 : #5b295b : -40
40 : #5d285d : -38
42 : #5e265e : -36
44 : #5f255f : -34
46 : #612461 : -32
48 : #622262 : -30
50 : #632163 : -28
52 : #652065 : -26
54 : #661e66 : -24
56 : #671d67 : -22
58 : #691c69 : -20
60 : #6a1b6a : -18
62 : #6b196b : -16
64 : #6d186d : -14
66 : #6e176e : -12
68 : #6f156f : -10
70 : #711471 : -8
72 : #721372 : -6
74 : #731173 : -4
76 : #751075 : -2
78 : #760f76 : ±0
80 : #770d77 : +2
82 : #790c79 : +4
84 : #7a0b7a : +6
86 : #7b097b : +8
88 : #7d087d : +10
90 : #7e077e : +12
92 : #7f057f : +14
94 : #810481 : +16
96 : #820382 : +18
98 : #830183 : +20
100 : #850085 : +22
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #090109 : -24
4 : #120212 : -22
6 : #1b031b : -20
8 : #240424 : -18
10 : #2d062d : -16
12 : #360736 : -14
14 : #400840 : -12
16 : #490949 : -10
18 : #520a52 : -8
20 : #5b0b5b : -6
22 : #640c64 : -4
24 : #6d0d6d : -2
26 : #760f76 : ±0
28 : #7f107f : +2
30 : #881188 : +4
32 : #911291 : +6
34 : #9a139a : +8
36 : #a314a3 : +10
38 : #ac15ac : +12
40 : #b616b6 : +14
42 : #bf18bf : +16
44 : #c819c8 : +18
46 : #d11ad1 : +20
48 : #da1bda : +22
50 : #e31ce3 : +24
52 : #e425e4 : +26
54 : #e52ee5 : +28
56 : #e637e6 : +30
58 : #e740e7 : +32
60 : #e949e9 : +34
62 : #ea53ea : +36
64 : #eb5ceb : +38
66 : #ec65ec : +40
68 : #ed6eed : +42
70 : #ee77ee : +44
72 : #ef80ef : +46
74 : #f089f0 : +48
76 : #f292f2 : +50
78 : #f39bf3 : +52
80 : #f4a4f4 : +54
82 : #f5adf5 : +56
84 : #f6b6f6 : +58
86 : #f7bff7 : +60
88 : #f8c9f8 : +62
90 : #f9d2f9 : +64
92 : #fbdbfb : +66
94 : #fce4fc : +68
96 : #fdedfd : +70
98 : #fef6fe : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow