#6d60af
RGB ( 赤 = 109, 緑 = 96, 青 = 175 )
HSL ( 色相 = 250°, 彩度 = 33%, 明度 = 53% )
H : 色相 ( 250° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #af6060 : -250
10 : #af6d60 : -240
20 : #af7a60 : -230
30 : #af8760 : -220
40 : #af9460 : -210
50 : #afa260 : -200
60 : #afaf60 : -190
70 : #a2af60 : -180
80 : #94af60 : -170
90 : #87af60 : -160
100 : #7aaf60 : -150
110 : #6daf60 : -140
120 : #60af60 : -130
130 : #60af6d : -120
140 : #60af7a : -110
150 : #60af87 : -100
160 : #60af94 : -90
170 : #60afa2 : -80
180 : #60afaf : -70
190 : #60a2af : -60
200 : #6094af : -50
210 : #6087af : -40
220 : #607aaf : -30
230 : #606daf : -20
240 : #6060af : -10
250 : #6d60af : ±0
260 : #7a60af : +10
270 : #8760af : +20
280 : #9460af : +30
290 : #a260af : +40
300 : #af60af : +50
310 : #af60a2 : +60
320 : #af6094 : +70
330 : #af6087 : +80
340 : #af607a : +90
350 : #af606d : +100
240 : #6060af : -10
241 : #6160af : -9
242 : #6260af : -8
243 : #6460af : -7
244 : #6560af : -6
245 : #6660af : -5
246 : #6860af : -4
247 : #6960af : -3
248 : #6a60af : -2
249 : #6b60af : -1
250 : #6d60af : ±0
251 : #6e60af : +1
252 : #6f60af : +2
253 : #7160af : +3
254 : #7260af : +4
255 : #7360af : +5
256 : #7560af : +6
257 : #7660af : +7
258 : #7760af : +8
259 : #7960af : +9
260 : #7a60af : +10
S : 彩度 ( 33% )
(0%) 渋い ~ 鮮やか (100%)
1 : #868688 : -32
3 : #85848b : -30
5 : #83818d : -28
7 : #827f90 : -26
9 : #807c92 : -24
11 : #7e7a94 : -22
13 : #7d7897 : -20
15 : #7b7599 : -18
17 : #7a739c : -16
19 : #78709e : -14
21 : #766ea0 : -12
23 : #756ca3 : -10
25 : #7369a5 : -8
27 : #7267a8 : -6
29 : #7064aa : -4
31 : #6e62ac : -2
33 : #6d60af : ±0
35 : #6b5db1 : +2
37 : #6a5bb3 : +4
39 : #6858b6 : +6
41 : #6656b8 : +8
43 : #6554bb : +10
45 : #6351bd : +12
47 : #624fbf : +14
49 : #604cc2 : +16
51 : #5e4ac4 : +18
53 : #5d48c7 : +20
55 : #5b45c9 : +22
57 : #5a43cb : +24
59 : #5840ce : +26
61 : #563ed0 : +28
63 : #553cd3 : +30
65 : #5339d5 : +32
67 : #5237d7 : +34
69 : #5034da : +36
71 : #4e32dc : +38
73 : #4d30df : +40
75 : #4b2de1 : +42
77 : #4a2be3 : +44
79 : #4828e6 : +46
81 : #4626e8 : +48
83 : #4524eb : +50
85 : #4321ed : +52
87 : #421fef : +54
89 : #401cf2 : +56
91 : #3e1af4 : +58
93 : #3d18f7 : +60
95 : #3b15f9 : +62
97 : #3a13fb : +64
99 : #3810fe : +66
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -52
3 : #06050a : -50
5 : #0a0911 : -48
7 : #0e0c18 : -46
9 : #120f1f : -44
11 : #161325 : -42
13 : #1a162c : -40
15 : #1e1a33 : -38
17 : #221d3a : -36
19 : #262040 : -34
21 : #2a2447 : -32
23 : #2e274e : -30
25 : #322b55 : -28
27 : #362e5c : -26
29 : #3a3262 : -24
31 : #3e3569 : -22
33 : #423870 : -20
35 : #463c77 : -18
37 : #4a3f7d : -16
39 : #4e4384 : -14
41 : #52468b : -12
43 : #564992 : -10
45 : #5a4d99 : -8
47 : #5d509f : -6
49 : #6154a6 : -4
51 : #6759ab : -2
53 : #6d60af : ±0
55 : #7366b2 : +2
57 : #796db6 : +4
59 : #7f74b9 : +6
61 : #867bbc : +8
63 : #8c82c0 : +10
65 : #9288c3 : +12
67 : #988fc7 : +14
69 : #9f96ca : +16
71 : #a59dcd : +18
73 : #aba3d1 : +20
75 : #b1aad4 : +22
77 : #b7b1d8 : +24
79 : #beb8db : +26
81 : #c4bfdf : +28
83 : #cac5e2 : +30
85 : #d0cce5 : +32
87 : #d7d3e9 : +34
89 : #dddaec : +36
91 : #e3e0f0 : +38
93 : #e9e7f3 : +40
95 : #efeef6 : +42
97 : #f6f5fa : +44
99 : #fcfcfd : +46
CSS入門、作ってます。
text-shadow