#69267e
RGB ( 赤 = 105, 緑 = 38, 青 = 126 )
HSL ( 色相 = 286°, 彩度 = 54%, 明度 = 32% )
H : 色相 ( 286° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #7e2e26 : -280
16 : #7e3d26 : -270
26 : #7e4c26 : -260
36 : #7e5a26 : -250
46 : #7e6926 : -240
56 : #7e7826 : -230
66 : #757e26 : -220
76 : #667e26 : -210
86 : #577e26 : -200
96 : #497e26 : -190
106 : #3a7e26 : -180
116 : #2b7e26 : -170
126 : #267e2e : -160
136 : #267e3d : -150
146 : #267e4c : -140
156 : #267e5a : -130
166 : #267e69 : -120
176 : #267e78 : -110
186 : #26757e : -100
196 : #26667e : -90
206 : #26577e : -80
216 : #26497e : -70
226 : #263a7e : -60
236 : #262b7e : -50
246 : #2e267e : -40
256 : #3d267e : -30
266 : #4c267e : -20
276 : #5a267e : -10
286 : #69267e : ±0
296 : #78267e : +10
306 : #7e2675 : +20
316 : #7e2666 : +30
326 : #7e2657 : +40
336 : #7e2649 : +50
346 : #7e263a : +60
356 : #7e262b : +70
276 : #5a267e : -10
277 : #5c267e : -9
278 : #5d267e : -8
279 : #5f267e : -7
280 : #60267e : -6
281 : #62267e : -5
282 : #63267e : -4
283 : #65267e : -3
284 : #66267e : -2
285 : #68267e : -1
286 : #69267e : ±0
287 : #6b267e : +1
288 : #6c267e : +2
289 : #6e267e : +3
290 : #6f267e : +4
291 : #70267e : +5
292 : #72267e : +6
293 : #73267e : +7
294 : #75267e : +8
295 : #76267e : +9
296 : #78267e : +10
S : 彩度 ( 54% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -54
2 : #525053 : -52
4 : #534e55 : -50
6 : #544d56 : -48
8 : #554b58 : -46
10 : #56495a : -44
12 : #57485b : -42
14 : #58465d : -40
16 : #59455f : -38
18 : #594360 : -36
20 : #5a4162 : -34
22 : #5b4064 : -32
24 : #5c3e65 : -30
26 : #5d3c67 : -28
28 : #5e3b68 : -26
30 : #5f396a : -24
32 : #60376c : -22
34 : #60366d : -20
36 : #61346f : -18
38 : #623371 : -16
40 : #633172 : -14
42 : #642f74 : -12
44 : #652e76 : -10
46 : #662c77 : -8
48 : #662a79 : -6
50 : #67297a : -4
52 : #68277c : -2
54 : #69267e : ±0
56 : #6a247f : +2
58 : #6b2281 : +4
60 : #6c2183 : +6
62 : #6d1f84 : +8
64 : #6d1d86 : +10
66 : #6e1c87 : +12
68 : #6f1a89 : +14
70 : #70188b : +16
72 : #71178c : +18
74 : #72158e : +20
76 : #731490 : +22
78 : #741291 : +24
80 : #741093 : +26
82 : #750f95 : +28
84 : #760d96 : +30
86 : #770b98 : +32
88 : #780a99 : +34
90 : #79089b : +36
92 : #7a079d : +38
94 : #7b059e : +40
96 : #7b03a0 : +42
98 : #7c02a2 : +44
100 : #7d00a3 : +46
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #070208 : -30
4 : #0d0510 : -28
6 : #140718 : -26
8 : #1a091f : -24
10 : #210c27 : -22
12 : #270e2f : -20
14 : #2e1037 : -18
16 : #35133f : -16
18 : #3b1547 : -14
20 : #42174f : -12
22 : #481a56 : -10
24 : #4f1c5e : -8
26 : #551e66 : -6
28 : #5c216e : -4
30 : #632376 : -2
32 : #69267e : ±0
34 : #702886 : +2
36 : #762a8d : +4
38 : #7d2d95 : +6
40 : #832f9d : +8
42 : #8a31a5 : +10
44 : #9134ad : +12
46 : #9736b5 : +14
48 : #9e38bc : +16
50 : #a43bc4 : +18
52 : #a843c7 : +20
54 : #ab4ac9 : +22
56 : #af52cb : +24
58 : #b35ace : +26
60 : #b662d0 : +28
62 : #ba6ad2 : +30
64 : #be72d5 : +32
66 : #c179d7 : +34
68 : #c581d9 : +36
70 : #c989dc : +38
72 : #cc91de : +40
74 : #d099e1 : +42
76 : #d3a1e3 : +44
78 : #d7a9e5 : +46
80 : #dbb0e8 : +48
82 : #deb8ea : +50
84 : #e2c0ec : +52
86 : #e6c8ef : +54
88 : #e9d0f1 : +56
90 : #edd8f3 : +58
92 : #f0e0f6 : +60
94 : #f4e7f8 : +62
96 : #f8effa : +64
98 : #fbf7fd : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow