#df6f62
RGB ( 赤 = 223, 緑 = 111, 青 = 98 )
HSL ( 色相 = 6°, 彩度 = 66%, 明度 = 63% )
H : 色相 ( 6° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #df6f62 : ±0
16 : #df8462 : +10
26 : #df9862 : +20
36 : #dfad62 : +30
46 : #dfc262 : +40
56 : #dfd762 : +50
66 : #d2df62 : +60
76 : #bedf62 : +70
86 : #a9df62 : +80
96 : #94df62 : +90
106 : #7fdf62 : +100
116 : #6bdf62 : +110
126 : #62df6f : +120
136 : #62df84 : +130
146 : #62df98 : +140
156 : #62dfad : +150
166 : #62dfc2 : +160
176 : #62dfd7 : +170
186 : #62d2df : +180
196 : #62bedf : +190
206 : #62a9df : +200
216 : #6294df : +210
226 : #627fdf : +220
236 : #626bdf : +230
246 : #6f62df : +240
256 : #8462df : +250
266 : #9862df : +260
276 : #ad62df : +270
286 : #c262df : +280
296 : #d762df : +290
306 : #df62d2 : +300
316 : #df62be : +310
326 : #df62a9 : +320
336 : #df6294 : +330
346 : #df627f : +340
356 : #df626b : +350
356 : #df626b : +350
357 : #df6269 : +351
358 : #df6267 : +352
359 : #df6264 : +353
0 : #df6262 : -6
1 : #df6462 : -5
2 : #df6762 : -4
3 : #df6962 : -3
4 : #df6b62 : -2
5 : #df6d62 : -1
6 : #df6f62 : ±0
7 : #df7162 : +1
8 : #df7362 : +2
9 : #df7562 : +3
10 : #df7762 : +4
11 : #df7962 : +5
12 : #df7b62 : +6
13 : #df7d62 : +7
14 : #df7f62 : +8
15 : #df8262 : +9
16 : #df8462 : +10
S : 彩度 ( 66% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a0a0a0 : -66
2 : #a39f9f : -64
4 : #a49e9d : -62
6 : #a69c9b : -60
8 : #a89b99 : -58
10 : #aa9997 : -56
12 : #ac9895 : -54
14 : #ae9693 : -52
16 : #b09592 : -50
18 : #b29390 : -48
20 : #b4928e : -46
22 : #b5908c : -44
24 : #b78f8a : -42
26 : #b98d88 : -40
28 : #bb8c86 : -38
30 : #bd8a84 : -36
32 : #bf8882 : -34
34 : #c18781 : -32
36 : #c3857f : -30
38 : #c5847d : -28
40 : #c6827b : -26
42 : #c88179 : -24
44 : #ca7f77 : -22
46 : #cc7e75 : -20
48 : #ce7c73 : -18
50 : #d07b71 : -16
52 : #d27970 : -14
54 : #d4786e : -12
56 : #d5766c : -10
58 : #d7756a : -8
60 : #d97368 : -6
62 : #db7266 : -4
64 : #dd7064 : -2
66 : #df6f62 : ±0
68 : #e16d60 : +2
70 : #e36c5f : +4
72 : #e56a5d : +6
74 : #e6695b : +8
76 : #e86759 : +10
78 : #ea6657 : +12
80 : #ec6455 : +14
82 : #ee6353 : +16
84 : #f06151 : +18
86 : #f26050 : +20
88 : #f45e4e : +22
90 : #f65d4c : +24
92 : #f75b4a : +26
94 : #f95a48 : +28
96 : #fb5846 : +30
98 : #fd5744 : +32
100 : #ff5542 : +34
L : 明度 ( 63% )
(0%) 暗い ~ 明るい (100%)
1 : #040101 : -62
3 : #0d0403 : -60
5 : #150604 : -58
7 : #1e0806 : -56
9 : #260b08 : -54
11 : #2f0d0a : -52
13 : #37100b : -50
15 : #3f120d : -48
17 : #48140f : -46
19 : #501710 : -44
21 : #591912 : -42
23 : #611c14 : -40
25 : #6a1e16 : -38
27 : #722017 : -36
29 : #7b2319 : -34
31 : #83251b : -32
33 : #8c281d : -30
35 : #942a1e : -28
37 : #9d2d20 : -26
39 : #a52f22 : -24
41 : #ae3124 : -22
43 : #b63425 : -20
45 : #be3627 : -18
47 : #c73929 : -16
49 : #cf3b2a : -14
51 : #d54030 : -12
53 : #d64838 : -10
55 : #d85041 : -8
57 : #da5749 : -6
59 : #db5f51 : -4
61 : #dd675a : -2
63 : #df6f62 : ±0
65 : #e1776b : +2
67 : #e27e73 : +4
69 : #e4867c : +6
71 : #e68e84 : +8
73 : #e8968d : +10
75 : #e99e95 : +12
77 : #eba59e : +14
79 : #edada6 : +16
81 : #efb5af : +18
83 : #f0bdb7 : +20
85 : #f2c5c0 : +22
87 : #f4ccc8 : +24
89 : #f5d4d0 : +26
91 : #f7dcd9 : +28
93 : #f9e4e1 : +30
95 : #fbecea : +32
97 : #fcf3f2 : +34
99 : #fefbfb : +36
CSS入門、作ってます。
text-shadow