#af6223
RGB ( 赤 = 175, 緑 = 98, 青 = 35 )
HSL ( 色相 = 27°, 彩度 = 67%, 明度 = 41% )
H : 色相 ( 27° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #af3323 : -20
17 : #af4a23 : -10
27 : #af6223 : ±0
37 : #af7923 : +10
47 : #af9023 : +20
57 : #afa823 : +30
67 : #9eaf23 : +40
77 : #87af23 : +50
87 : #70af23 : +60
97 : #58af23 : +70
107 : #41af23 : +80
117 : #2aaf23 : +90
127 : #23af33 : +100
137 : #23af4a : +110
147 : #23af62 : +120
157 : #23af79 : +130
167 : #23af90 : +140
177 : #23afa8 : +150
187 : #239eaf : +160
197 : #2387af : +170
207 : #2370af : +180
217 : #2358af : +190
227 : #2341af : +200
237 : #232aaf : +210
247 : #3323af : +220
257 : #4a23af : +230
267 : #6223af : +240
277 : #7923af : +250
287 : #9023af : +260
297 : #a823af : +270
307 : #af239e : +280
317 : #af2387 : +290
327 : #af2370 : +300
337 : #af2358 : +310
347 : #af2341 : +320
357 : #af232a : +330
17 : #af4a23 : -10
18 : #af4d23 : -9
19 : #af4f23 : -8
20 : #af5123 : -7
21 : #af5423 : -6
22 : #af5623 : -5
23 : #af5823 : -4
24 : #af5b23 : -3
25 : #af5d23 : -2
26 : #af5f23 : -1
27 : #af6223 : ±0
28 : #af6423 : +1
29 : #af6623 : +2
30 : #af6923 : +3
31 : #af6b23 : +4
32 : #af6d23 : +5
33 : #af7023 : +6
34 : #af7223 : +7
35 : #af7423 : +8
36 : #af7723 : +9
37 : #af7923 : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6a6868 : -66
3 : #6c6865 : -64
5 : #6e6863 : -62
7 : #706861 : -60
9 : #72685f : -58
11 : #74675d : -56
13 : #76675b : -54
15 : #786759 : -52
17 : #7a6757 : -50
19 : #7c6755 : -48
21 : #7f6653 : -46
23 : #816651 : -44
25 : #83664e : -42
27 : #85664c : -40
29 : #87664a : -38
31 : #896548 : -36
33 : #8b6546 : -34
35 : #8d6544 : -32
37 : #8f6542 : -30
39 : #916440 : -28
41 : #93643e : -26
43 : #96643c : -24
45 : #98643a : -22
47 : #9a6437 : -20
49 : #9c6335 : -18
51 : #9e6333 : -16
53 : #a06331 : -14
55 : #a2632f : -12
57 : #a4632d : -10
59 : #a6622b : -8
61 : #a86229 : -6
63 : #aa6227 : -4
65 : #ad6225 : -2
67 : #af6223 : ±0
69 : #b16120 : +2
71 : #b3611e : +4
73 : #b5611c : +6
75 : #b7611a : +8
77 : #b96018 : +10
79 : #bb6016 : +12
81 : #bd6014 : +14
83 : #bf6012 : +16
85 : #c16010 : +18
87 : #c45f0e : +20
89 : #c65f0c : +22
91 : #c85f09 : +24
93 : #ca5f07 : +26
95 : #cc5f05 : +28
97 : #ce5e03 : +30
99 : #d05e01 : +32
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -40
3 : #0d0703 : -38
5 : #150c04 : -36
7 : #1e1106 : -34
9 : #261508 : -32
11 : #2f1a09 : -30
13 : #371f0b : -28
15 : #40240d : -26
17 : #48280e : -24
19 : #512d10 : -22
21 : #593212 : -20
23 : #623713 : -18
25 : #6a3b15 : -16
27 : #734017 : -14
29 : #7b4518 : -12
31 : #844a1a : -10
33 : #8d4f1c : -8
35 : #95531d : -6
37 : #9e581f : -4
39 : #a65d21 : -2
41 : #af6223 : ±0
43 : #b76624 : +2
45 : #c06b26 : +4
47 : #c87028 : +6
49 : #d17529 : +8
51 : #d67a2e : +10
53 : #d77f37 : +12
55 : #d9853f : +14
57 : #db8a48 : +16
59 : #dc8f50 : +18
61 : #de9559 : +20
63 : #e09a61 : +22
65 : #e2a06a : +24
67 : #e3a572 : +26
69 : #e5ab7b : +28
71 : #e7b084 : +30
73 : #e8b68c : +32
75 : #eabb95 : +34
77 : #ecc09d : +36
79 : #edc6a6 : +38
81 : #efcbae : +40
83 : #f1d1b7 : +42
85 : #f2d6bf : +44
87 : #f4dcc8 : +46
89 : #f6e1d0 : +48
91 : #f7e7d9 : +50
93 : #f9ece1 : +52
95 : #fbf1ea : +54
97 : #fcf7f2 : +56
99 : #fefcfb : +58
CSS入門、作ってます。
text-shadow