#afa123
RGB ( 赤 = 175, 緑 = 161, 青 = 35 )
HSL ( 色相 = 54°, 彩度 = 67%, 明度 = 41% )
H : 色相 ( 54° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #af2c23 : -50
14 : #af4323 : -40
24 : #af5b23 : -30
34 : #af7223 : -20
44 : #af8923 : -10
54 : #afa123 : ±0
64 : #a5af23 : +10
74 : #8eaf23 : +20
84 : #77af23 : +30
94 : #5faf23 : +40
104 : #48af23 : +50
114 : #31af23 : +60
124 : #23af2c : +70
134 : #23af43 : +80
144 : #23af5b : +90
154 : #23af72 : +100
164 : #23af89 : +110
174 : #23afa1 : +120
184 : #23a5af : +130
194 : #238eaf : +140
204 : #2377af : +150
214 : #235faf : +160
224 : #2348af : +170
234 : #2331af : +180
244 : #2c23af : +190
254 : #4323af : +200
264 : #5b23af : +210
274 : #7223af : +220
284 : #8923af : +230
294 : #a123af : +240
304 : #af23a5 : +250
314 : #af238e : +260
324 : #af2377 : +270
334 : #af235f : +280
344 : #af2348 : +290
354 : #af2331 : +300
44 : #af8923 : -10
45 : #af8c23 : -9
46 : #af8e23 : -8
47 : #af9023 : -7
48 : #af9323 : -6
49 : #af9523 : -5
50 : #af9723 : -4
51 : #af9a23 : -3
52 : #af9c23 : -2
53 : #af9e23 : -1
54 : #afa123 : ±0
55 : #afa323 : +1
56 : #afa523 : +2
57 : #afa823 : +3
58 : #afaa23 : +4
59 : #afac23 : +5
60 : #afaf23 : +6
61 : #acaf23 : +7
62 : #aaaf23 : +8
63 : #a8af23 : +9
64 : #a5af23 : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6a6968 : -66
3 : #6c6b65 : -64
5 : #6e6d63 : -62
7 : #706e61 : -60
9 : #72705f : -58
11 : #74725d : -56
13 : #76735b : -54
15 : #787559 : -52
17 : #7a7757 : -50
19 : #7c7855 : -48
21 : #7f7a53 : -46
23 : #817c51 : -44
25 : #837d4e : -42
27 : #857f4c : -40
29 : #87814a : -38
31 : #898248 : -36
33 : #8b8446 : -34
35 : #8d8644 : -32
37 : #8f8742 : -30
39 : #918940 : -28
41 : #938b3e : -26
43 : #968d3c : -24
45 : #988e3a : -22
47 : #9a9037 : -20
49 : #9c9235 : -18
51 : #9e9333 : -16
53 : #a09531 : -14
55 : #a2972f : -12
57 : #a4982d : -10
59 : #a69a2b : -8
61 : #a89c29 : -6
63 : #aa9d27 : -4
65 : #ad9f25 : -2
67 : #afa123 : ±0
69 : #b1a220 : +2
71 : #b3a41e : +4
73 : #b5a61c : +6
75 : #b7a71a : +8
77 : #b9a918 : +10
79 : #bbab16 : +12
81 : #bdac14 : +14
83 : #bfae12 : +16
85 : #c1b010 : +18
87 : #c4b10e : +20
89 : #c6b30c : +22
91 : #c8b509 : +24
93 : #cab607 : +26
95 : #ccb805 : +28
97 : #ceba03 : +30
99 : #d0bb01 : +32
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #040401 : -40
3 : #0d0c03 : -38
5 : #151404 : -36
7 : #1e1b06 : -34
9 : #262308 : -32
11 : #2f2b09 : -30
13 : #37330b : -28
15 : #403b0d : -26
17 : #48430e : -24
19 : #514a10 : -22
21 : #595212 : -20
23 : #625a13 : -18
25 : #6a6215 : -16
27 : #736a17 : -14
29 : #7b7218 : -12
31 : #84791a : -10
33 : #8d811c : -8
35 : #95891d : -6
37 : #9e911f : -4
39 : #a69921 : -2
41 : #afa123 : ±0
43 : #b7a824 : +2
45 : #c0b026 : +4
47 : #c8b828 : +6
49 : #d1c029 : +8
51 : #d6c52e : +10
53 : #d7c737 : +12
55 : #d9ca3f : +14
57 : #dbcc48 : +16
59 : #dcce50 : +18
61 : #ded159 : +20
63 : #e0d361 : +22
65 : #e2d66a : +24
67 : #e3d872 : +26
69 : #e5da7b : +28
71 : #e7dd84 : +30
73 : #e8df8c : +32
75 : #eae195 : +34
77 : #ece49d : +36
79 : #ede6a6 : +38
81 : #efe9ae : +40
83 : #f1ebb7 : +42
85 : #f2edbf : +44
87 : #f4f0c8 : +46
89 : #f6f2d0 : +48
91 : #f7f4d9 : +50
93 : #f9f7e1 : +52
95 : #fbf9ea : +54
97 : #fcfbf2 : +56
99 : #fefefb : +58
CSS入門、作ってます。
text-shadow