#af6e84
RGB ( 赤 = 175, 緑 = 110, 青 = 132 )
HSL ( 色相 = 340°, 彩度 = 29%, 明度 = 56% )
H : 色相 ( 340° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #af6e6e : -340
10 : #af796e : -330
20 : #af846e : -320
30 : #af8f6e : -310
40 : #af9a6e : -300
50 : #afa46e : -290
60 : #afaf6e : -280
70 : #a4af6e : -270
80 : #9aaf6e : -260
90 : #8faf6e : -250
100 : #84af6e : -240
110 : #79af6e : -230
120 : #6eaf6e : -220
130 : #6eaf79 : -210
140 : #6eaf84 : -200
150 : #6eaf8f : -190
160 : #6eaf9a : -180
170 : #6eafa4 : -170
180 : #6eafaf : -160
190 : #6ea4af : -150
200 : #6e9aaf : -140
210 : #6e8faf : -130
220 : #6e84af : -120
230 : #6e79af : -110
240 : #6e6eaf : -100
250 : #796eaf : -90
260 : #846eaf : -80
270 : #8f6eaf : -70
280 : #9a6eaf : -60
290 : #a46eaf : -50
300 : #af6eaf : -40
310 : #af6ea4 : -30
320 : #af6e9a : -20
330 : #af6e8f : -10
340 : #af6e84 : ±0
350 : #af6e79 : +10
330 : #af6e8f : -10
331 : #af6e8e : -9
332 : #af6e8d : -8
333 : #af6e8c : -7
334 : #af6e8a : -6
335 : #af6e89 : -5
336 : #af6e88 : -4
337 : #af6e87 : -3
338 : #af6e86 : -2
339 : #af6e85 : -1
340 : #af6e84 : ±0
341 : #af6e83 : +1
342 : #af6e82 : +2
343 : #af6e81 : +3
344 : #af6e80 : +4
345 : #af6e7f : +5
346 : #af6e7d : +6
347 : #af6e7c : +7
348 : #af6e7b : +8
349 : #af6e7a : +9
350 : #af6e79 : +10
S : 彩度 ( 29% )
(0%) 渋い ~ 鮮やか (100%)
1 : #908e8e : -28
3 : #928b8e : -26
5 : #94898d : -24
7 : #97878c : -22
9 : #99858b : -20
11 : #9b828b : -18
13 : #9d808a : -16
15 : #a07e89 : -14
17 : #a27c88 : -12
19 : #a47988 : -10
21 : #a67787 : -8
23 : #a97586 : -6
25 : #ab7385 : -4
27 : #ad7185 : -2
29 : #af6e84 : ±0
31 : #b26c83 : +2
33 : #b46a82 : +4
35 : #b66882 : +6
37 : #b86581 : +8
39 : #bb6380 : +10
41 : #bd617f : +12
43 : #bf5f7f : +14
45 : #c15c7e : +16
47 : #c45a7d : +18
49 : #c6587c : +20
51 : #c8567c : +22
53 : #ca537b : +24
55 : #cd517a : +26
57 : #cf4f79 : +28
59 : #d14d79 : +30
61 : #d34a78 : +32
63 : #d54877 : +34
65 : #d84676 : +36
67 : #da4476 : +38
69 : #dc4175 : +40
71 : #de3f74 : +42
73 : #e13d73 : +44
75 : #e33b73 : +46
77 : #e53872 : +48
79 : #e73671 : +50
81 : #ea3471 : +52
83 : #ec3270 : +54
85 : #ee2f6f : +56
87 : #f02d6e : +58
89 : #f32b6e : +60
91 : #f5296d : +62
93 : #f7266c : +64
95 : #f9246b : +66
97 : #fc226b : +68
99 : #fe206a : +70
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #070405 : -54
4 : #0d0709 : -52
6 : #140b0e : -50
8 : #1a0e12 : -48
10 : #211217 : -46
12 : #27161c : -44
14 : #2e1920 : -42
16 : #351d25 : -40
18 : #3b2129 : -38
20 : #42242e : -36
22 : #482833 : -34
24 : #4f2b37 : -32
26 : #562f3c : -30
28 : #5c3340 : -28
30 : #633645 : -26
32 : #693a4a : -24
34 : #703e4e : -22
36 : #764153 : -20
38 : #7d4558 : -18
40 : #84485c : -16
42 : #8a4c61 : -14
44 : #915065 : -12
46 : #97536a : -10
48 : #9e576f : -8
50 : #a45b73 : -6
52 : #a86179 : -4
54 : #ac687e : -2
56 : #af6e84 : ±0
58 : #b3758a : +2
60 : #b77b8f : +4
62 : #ba8295 : +6
64 : #be899a : +8
66 : #c18fa0 : +10
68 : #c596a6 : +12
70 : #c99cab : +14
72 : #cca3b1 : +16
74 : #d0a9b6 : +18
76 : #d4b0bc : +20
78 : #d7b7c1 : +22
80 : #dbbdc7 : +24
82 : #dec4cd : +26
84 : #e2cad2 : +28
86 : #e6d1d8 : +30
88 : #e9d8dd : +32
90 : #eddee3 : +34
92 : #f1e5e9 : +36
94 : #f4ebee : +38
96 : #f8f2f4 : +40
98 : #fbf8f9 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow