#ab787b
RGB ( 赤 = 171, 緑 = 120, 青 = 123 )
HSL ( 色相 = 356°, 彩度 = 23%, 明度 = 57% )
H : 色相 ( 356° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #ab7d78 : -350
16 : #ab8678 : -340
26 : #ab8e78 : -330
36 : #ab9678 : -320
46 : #ab9f78 : -310
56 : #aba778 : -300
66 : #a6ab78 : -290
76 : #9dab78 : -280
86 : #95ab78 : -270
96 : #8cab78 : -260
106 : #84ab78 : -250
116 : #7bab78 : -240
126 : #78ab7d : -230
136 : #78ab86 : -220
146 : #78ab8e : -210
156 : #78ab96 : -200
166 : #78ab9f : -190
176 : #78aba7 : -180
186 : #78a6ab : -170
196 : #789dab : -160
206 : #7895ab : -150
216 : #788cab : -140
226 : #7884ab : -130
236 : #787bab : -120
246 : #7d78ab : -110
256 : #8678ab : -100
266 : #8e78ab : -90
276 : #9678ab : -80
286 : #9f78ab : -70
296 : #a778ab : -60
306 : #ab78a6 : -50
316 : #ab789d : -40
326 : #ab7895 : -30
336 : #ab788c : -20
346 : #ab7884 : -10
356 : #ab787b : ±0
346 : #ab7884 : -10
347 : #ab7883 : -9
348 : #ab7882 : -8
349 : #ab7881 : -7
350 : #ab7881 : -6
351 : #ab7880 : -5
352 : #ab787f : -4
353 : #ab787e : -3
354 : #ab787d : -2
355 : #ab787c : -1
356 : #ab787b : ±0
357 : #ab787b : +1
358 : #ab787a : +2
359 : #ab7879 : +3
0 : #ab7878 : -356
1 : #ab7978 : -355
2 : #ab7a78 : -354
3 : #ab7b78 : -353
4 : #ab7b78 : -352
5 : #ab7c78 : -351
6 : #ab7d78 : -350
S : 彩度 ( 23% )
(0%) 渋い ~ 鮮やか (100%)
1 : #929090 : -22
3 : #958e8e : -20
5 : #978c8d : -18
7 : #998a8b : -16
9 : #9b8789 : -14
11 : #9d8587 : -12
13 : #a08385 : -10
15 : #a28183 : -8
17 : #a47f81 : -6
19 : #a67d7f : -4
21 : #a87a7d : -2
23 : #ab787b : ±0
25 : #ad767a : +2
27 : #af7478 : +4
29 : #b17276 : +6
31 : #b36f74 : +8
33 : #b66d72 : +10
35 : #b86b70 : +12
37 : #ba696e : +14
39 : #bc676c : +16
41 : #be646a : +18
43 : #c06268 : +20
45 : #c36067 : +22
47 : #c55e65 : +24
49 : #c75c63 : +26
51 : #c95961 : +28
53 : #cb575f : +30
55 : #ce555d : +32
57 : #d0535b : +34
59 : #d25159 : +36
61 : #d44e57 : +38
63 : #d64c55 : +40
65 : #d94a54 : +42
67 : #db4852 : +44
69 : #dd4650 : +46
71 : #df434e : +48
73 : #e1414c : +50
75 : #e43f4a : +52
77 : #e63d48 : +54
79 : #e83b46 : +56
81 : #ea3944 : +58
83 : #ec3642 : +60
85 : #ef3441 : +62
87 : #f1323f : +64
89 : #f3303d : +66
91 : #f52e3b : +68
93 : #f72b39 : +70
95 : #fa2937 : +72
97 : #fc2735 : +74
99 : #fe2533 : +76
L : 明度 ( 57% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -56
3 : #090606 : -54
5 : #100a0a : -52
7 : #160e0e : -50
9 : #1c1212 : -48
11 : #231616 : -46
13 : #291a1b : -44
15 : #2f1d1f : -42
17 : #352123 : -40
19 : #3c2527 : -38
21 : #42292b : -36
23 : #482d2f : -34
25 : #4e3133 : -32
27 : #553537 : -30
29 : #5b393b : -28
31 : #613d3f : -26
33 : #684143 : -24
35 : #6e4547 : -22
37 : #74494c : -20
39 : #7a4d50 : -18
41 : #815154 : -16
43 : #875458 : -14
45 : #8d585c : -12
47 : #935c60 : -10
49 : #9a6064 : -8
51 : #9f6569 : -6
53 : #a36c6f : -4
55 : #a77275 : -2
57 : #ab787b : ±0
59 : #ae7e82 : +2
61 : #b28588 : +4
63 : #b68b8e : +6
65 : #ba9194 : +8
67 : #be979a : +10
69 : #c29ea0 : +12
71 : #c6a4a6 : +14
73 : #caaaac : +16
75 : #ceb1b3 : +18
77 : #d2b7b9 : +20
79 : #d6bdbf : +22
81 : #dac3c5 : +24
83 : #decacb : +26
85 : #e2d0d1 : +28
87 : #e5d6d7 : +30
89 : #e9dcdd : +32
91 : #ede3e3 : +34
93 : #f1e9ea : +36
95 : #f5eff0 : +38
97 : #f9f6f6 : +40
99 : #fdfcfc : +42
CSS入門、作ってます。
text-shadow