#77286d
RGB ( 赤 = 119, 緑 = 40, 青 = 109 )
HSL ( 色相 = 308°, 彩度 = 50%, 明度 = 31% )
H : 色相 ( 308° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #773228 : -300
18 : #773f28 : -290
28 : #774c28 : -280
38 : #775a28 : -270
48 : #776728 : -260
58 : #777428 : -250
68 : #6c7728 : -240
78 : #5f7728 : -230
88 : #527728 : -220
98 : #457728 : -210
108 : #377728 : -200
118 : #2a7728 : -190
128 : #287732 : -180
138 : #28773f : -170
148 : #28774c : -160
158 : #28775a : -150
168 : #287767 : -140
178 : #287774 : -130
188 : #286c77 : -120
198 : #285f77 : -110
208 : #285277 : -100
218 : #284577 : -90
228 : #283777 : -80
238 : #282a77 : -70
248 : #322877 : -60
258 : #3f2877 : -50
268 : #4c2877 : -40
278 : #5a2877 : -30
288 : #672877 : -20
298 : #742877 : -10
308 : #77286c : ±0
318 : #77285f : +10
328 : #772852 : +20
338 : #772845 : +30
348 : #772837 : +40
358 : #77282a : +50
298 : #742877 : -10
299 : #752877 : -9
300 : #772877 : -8
301 : #772875 : -7
302 : #772874 : -6
303 : #772873 : -5
304 : #772871 : -4
305 : #772870 : -3
306 : #77286f : -2
307 : #77286d : -1
308 : #77286c : ±0
309 : #77286b : +1
310 : #772869 : +2
311 : #772868 : +3
312 : #772867 : +4
313 : #772865 : +5
314 : #772864 : +6
315 : #772863 : +7
316 : #772861 : +8
317 : #772860 : +9
318 : #77285f : +10
S : 彩度 ( 50% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4f4f4f : -50
2 : #514d50 : -48
4 : #524c51 : -46
6 : #544a53 : -44
8 : #554954 : -42
10 : #574755 : -40
12 : #594656 : -38
14 : #5a4457 : -36
16 : #5c4258 : -34
18 : #5d4159 : -32
20 : #5f3f5b : -30
22 : #603e5c : -28
24 : #623c5d : -26
26 : #643a5e : -24
28 : #65395f : -22
30 : #673760 : -20
32 : #683662 : -18
34 : #6a3463 : -16
36 : #6c3364 : -14
38 : #6d3165 : -12
40 : #6f2f66 : -10
42 : #702e67 : -8
44 : #722c69 : -6
46 : #732b6a : -4
48 : #75296b : -2
50 : #77286c : ±0
52 : #78266d : +2
54 : #7a246e : +4
56 : #7b2370 : +6
58 : #7d2171 : +8
60 : #7e2072 : +10
62 : #801e73 : +12
64 : #821c74 : +14
66 : #831b75 : +16
68 : #851976 : +18
70 : #861878 : +20
72 : #881679 : +22
74 : #8a157a : +24
76 : #8b137b : +26
78 : #8d117c : +28
80 : #8e107d : +30
82 : #900e7f : +32
84 : #910d80 : +34
86 : #930b81 : +36
88 : #950982 : +38
90 : #960883 : +40
92 : #980684 : +42
94 : #990586 : +44
96 : #9b0387 : +46
98 : #9d0288 : +48
100 : #9e0089 : +50
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -30
3 : #0b040a : -28
5 : #130611 : -26
7 : #1b0918 : -24
9 : #220b1f : -22
11 : #2a0e26 : -20
13 : #32112d : -18
15 : #391334 : -16
17 : #41163b : -14
19 : #491842 : -12
21 : #501b49 : -10
23 : #581d50 : -8
25 : #602057 : -6
27 : #67225e : -4
29 : #6f2565 : -2
31 : #77286c : ±0
33 : #7e2a73 : +2
35 : #862d7a : +4
37 : #8e2f81 : +6
39 : #953288 : +8
41 : #9d348f : +10
43 : #a43796 : +12
45 : #ac399d : +14
47 : #b43ca4 : +16
49 : #bb3eab : +18
51 : #c144b0 : +20
53 : #c34bb3 : +22
55 : #c653b6 : +24
57 : #c85bba : +26
59 : #cb62bd : +28
61 : #cd6ac0 : +30
63 : #d071c3 : +32
65 : #d279c6 : +34
67 : #d581ca : +36
69 : #d788cd : +38
71 : #da90d0 : +40
73 : #dd98d3 : +42
75 : #df9fd7 : +44
77 : #e2a7da : +46
79 : #e4afdd : +48
81 : #e7b6e0 : +50
83 : #e9bee4 : +52
85 : #ecc6e7 : +54
87 : #eecdea : +56
89 : #f1d5ed : +58
91 : #f4ddf0 : +60
93 : #f6e4f4 : +62
95 : #f9ecf7 : +64
97 : #fbf4fa : +66
99 : #fefbfd : +68
CSS入門、作ってます。
text-shadow