#6f0f77
RGB ( 赤 = 111, 緑 = 15, 青 = 119 )
HSL ( 色相 = 295°, 彩度 = 78%, 明度 = 26% )
H : 色相 ( 295° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #76170f : -290
15 : #76280f : -280
25 : #763a0f : -270
35 : #764b0f : -260
45 : #765c0f : -250
55 : #766d0f : -240
65 : #6d760f : -230
75 : #5c760f : -220
85 : #4b760f : -210
95 : #3a760f : -200
105 : #28760f : -190
115 : #17760f : -180
125 : #0f7617 : -170
135 : #0f7628 : -160
145 : #0f763a : -150
155 : #0f764b : -140
165 : #0f765c : -130
175 : #0f766d : -120
185 : #0f6d76 : -110
195 : #0f5c76 : -100
205 : #0f4b76 : -90
215 : #0f3a76 : -80
225 : #0f2876 : -70
235 : #0f1776 : -60
245 : #170f76 : -50
255 : #280f76 : -40
265 : #3a0f76 : -30
275 : #4b0f76 : -20
285 : #5c0f76 : -10
295 : #6d0f76 : ±0
305 : #760f6d : +10
315 : #760f5c : +20
325 : #760f4b : +30
335 : #760f3a : +40
345 : #760f28 : +50
355 : #760f17 : +60
285 : #5c0f76 : -10
286 : #5e0f76 : -9
287 : #600f76 : -8
288 : #610f76 : -7
289 : #630f76 : -6
290 : #650f76 : -5
291 : #660f76 : -4
292 : #680f76 : -3
293 : #6a0f76 : -2
294 : #6c0f76 : -1
295 : #6d0f76 : ±0
296 : #6f0f76 : +1
297 : #710f76 : +2
298 : #730f76 : +3
299 : #740f76 : +4
300 : #760f76 : +5
301 : #760f74 : +6
302 : #760f73 : +7
303 : #760f71 : +8
304 : #760f6f : +9
305 : #760f6d : +10
S : 彩度 ( 78% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -78
2 : #434144 : -76
4 : #454045 : -74
6 : #463e46 : -72
8 : #473d48 : -70
10 : #483c49 : -68
12 : #493a4a : -66
14 : #4a394c : -64
16 : #4b384d : -62
18 : #4c364e : -60
20 : #4d3550 : -58
22 : #4e3451 : -56
24 : #503252 : -54
26 : #513154 : -52
28 : #523055 : -50
30 : #532e56 : -48
32 : #542d58 : -46
34 : #552c59 : -44
36 : #562a5a : -42
38 : #57295b : -40
40 : #58285d : -38
42 : #5a265e : -36
44 : #5b255f : -34
46 : #5c2461 : -32
48 : #5d2262 : -30
50 : #5e2163 : -28
52 : #5f2065 : -26
54 : #601e66 : -24
56 : #611d67 : -22
58 : #621c69 : -20
60 : #631b6a : -18
62 : #65196b : -16
64 : #66186d : -14
66 : #67176e : -12
68 : #68156f : -10
70 : #691471 : -8
72 : #6a1372 : -6
74 : #6b1173 : -4
76 : #6c1075 : -2
78 : #6d0f76 : ±0
80 : #6f0d77 : +2
82 : #700c79 : +4
84 : #710b7a : +6
86 : #72097b : +8
88 : #73087d : +10
90 : #74077e : +12
92 : #75057f : +14
94 : #760481 : +16
96 : #770382 : +18
98 : #780183 : +20
100 : #7a0085 : +22
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #080109 : -24
4 : #110212 : -22
6 : #19031b : -20
8 : #220424 : -18
10 : #2a062d : -16
12 : #320736 : -14
14 : #3b0840 : -12
16 : #430949 : -10
18 : #4c0a52 : -8
20 : #540b5b : -6
22 : #5d0c64 : -4
24 : #650d6d : -2
26 : #6d0f76 : ±0
28 : #76107f : +2
30 : #7e1188 : +4
32 : #871291 : +6
34 : #8f139a : +8
36 : #9714a3 : +10
38 : #a015ac : +12
40 : #a816b6 : +14
42 : #b118bf : +16
44 : #b919c8 : +18
46 : #c21ad1 : +20
48 : #ca1bda : +22
50 : #d21ce3 : +24
52 : #d425e4 : +26
54 : #d62ee5 : +28
56 : #d837e6 : +30
58 : #da40e7 : +32
60 : #db49e9 : +34
62 : #dd53ea : +36
64 : #df5ceb : +38
66 : #e165ec : +40
68 : #e26eed : +42
70 : #e477ee : +44
72 : #e680ef : +46
74 : #e889f0 : +48
76 : #ea92f2 : +50
78 : #eb9bf3 : +52
80 : #eda4f4 : +54
82 : #efadf5 : +56
84 : #f1b6f6 : +58
86 : #f3bff7 : +60
88 : #f4c9f8 : +62
90 : #f6d2f9 : +64
92 : #f8dbfb : +66
94 : #fae4fc : +68
96 : #fbedfd : +70
98 : #fdf6fe : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow