#6b0e71
RGB ( 赤 = 107, 緑 = 14, 青 = 113 )
HSL ( 色相 = 296°, 彩度 = 78%, 明度 = 25% )
H : 色相 ( 296° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #71180e : -290
16 : #71290e : -280
26 : #71390e : -270
36 : #714a0e : -260
46 : #715a0e : -250
56 : #716b0e : -240
66 : #68710e : -230
76 : #57710e : -220
86 : #46710e : -210
96 : #36710e : -200
106 : #25710e : -190
116 : #15710e : -180
126 : #0e7118 : -170
136 : #0e7129 : -160
146 : #0e7139 : -150
156 : #0e714a : -140
166 : #0e715a : -130
176 : #0e716b : -120
186 : #0e6871 : -110
196 : #0e5771 : -100
206 : #0e4671 : -90
216 : #0e3671 : -80
226 : #0e2571 : -70
236 : #0e1571 : -60
246 : #180e71 : -50
256 : #290e71 : -40
266 : #390e71 : -30
276 : #4a0e71 : -20
286 : #5a0e71 : -10
296 : #6b0e71 : ±0
306 : #710e68 : +10
316 : #710e57 : +20
326 : #710e46 : +30
336 : #710e36 : +40
346 : #710e25 : +50
356 : #710e15 : +60
286 : #5a0e71 : -10
287 : #5c0e71 : -9
288 : #5e0e71 : -8
289 : #5f0e71 : -7
290 : #610e71 : -6
291 : #630e71 : -5
292 : #640e71 : -4
293 : #660e71 : -3
294 : #680e71 : -2
295 : #690e71 : -1
296 : #6b0e71 : ±0
297 : #6d0e71 : +1
298 : #6e0e71 : +2
299 : #700e71 : +3
300 : #710e71 : +4
301 : #710e70 : +5
302 : #710e6e : +6
303 : #710e6d : +7
304 : #710e6b : +8
305 : #710e69 : +9
306 : #710e68 : +10
S : 彩度 ( 78% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3f3f3f : -78
2 : #413e41 : -76
4 : #423d42 : -74
6 : #433c44 : -72
8 : #443b45 : -70
10 : #453946 : -68
12 : #463847 : -66
14 : #473749 : -64
16 : #49364a : -62
18 : #4a344b : -60
20 : #4b334d : -58
22 : #4c324e : -56
24 : #4d304f : -54
26 : #4e2f50 : -52
28 : #4f2e52 : -50
30 : #502d53 : -48
32 : #512b54 : -46
34 : #532a55 : -44
36 : #542957 : -42
38 : #552858 : -40
40 : #562659 : -38
42 : #57255b : -36
44 : #58245c : -34
46 : #59225d : -32
48 : #5a215e : -30
50 : #5b2060 : -28
52 : #5c1f61 : -26
54 : #5e1d62 : -24
56 : #5f1c63 : -22
58 : #601b65 : -20
60 : #611a66 : -18
62 : #621867 : -16
64 : #631769 : -14
66 : #64166a : -12
68 : #65146b : -10
70 : #66136c : -8
72 : #68126e : -6
74 : #69116f : -4
76 : #6a0f70 : -2
78 : #6b0e71 : ±0
80 : #6c0d73 : +2
82 : #6d0b74 : +4
84 : #6e0a75 : +6
86 : #6f0977 : +8
88 : #700878 : +10
90 : #710679 : +12
92 : #73057a : +14
94 : #74047c : +16
96 : #75037d : +18
98 : #76017e : +20
100 : #770080 : +22
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #040105 : -24
3 : #0d020e : -22
5 : #150317 : -20
7 : #1e0420 : -18
9 : #260529 : -16
11 : #2f0632 : -14
13 : #38073b : -12
15 : #400844 : -10
17 : #490a4d : -8
19 : #510b56 : -6
21 : #5a0c5f : -4
23 : #620d68 : -2
25 : #6b0e71 : ±0
27 : #730f7b : +2
29 : #7c1084 : +4
31 : #84118d : +6
33 : #8d1396 : +8
35 : #96149f : +10
37 : #9e15a8 : +12
39 : #a716b1 : +14
41 : #af17ba : +16
43 : #b818c3 : +18
45 : #c019cc : +20
47 : #c91ad5 : +22
49 : #d11bde : +24
51 : #d721e4 : +26
53 : #d82ae5 : +28
55 : #da33e6 : +30
57 : #db3ce7 : +32
59 : #dd45e8 : +34
61 : #df4ee9 : +36
63 : #e057ea : +38
65 : #e260eb : +40
67 : #e469ec : +42
69 : #e572ee : +44
71 : #e77bef : +46
73 : #e984f0 : +48
75 : #ea8ef1 : +50
77 : #ec97f2 : +52
79 : #eea0f3 : +54
81 : #efa9f4 : +56
83 : #f1b2f5 : +58
85 : #f3bbf7 : +60
87 : #f4c4f8 : +62
89 : #f6cdf9 : +64
91 : #f8d6fa : +66
93 : #f9dffb : +68
95 : #fbe8fc : +70
97 : #fdf1fd : +72
99 : #fefafe : +74
CSS入門、作ってます。
text-shadow