#dc906a
RGB ( 赤 = 220, 緑 = 144, 青 = 106 )
HSL ( 色相 = 20°, 彩度 = 62%, 明度 = 64% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #dc6a6a : -20
10 : #dc7d6a : -10
20 : #dc906a : ±0
30 : #dca36a : +10
40 : #dcb66a : +20
50 : #dcc96a : +30
60 : #dcdc6a : +40
70 : #c9dc6a : +50
80 : #b6dc6a : +60
90 : #a3dc6a : +70
100 : #90dc6a : +80
110 : #7ddc6a : +90
120 : #6adc6a : +100
130 : #6adc7d : +110
140 : #6adc90 : +120
150 : #6adca3 : +130
160 : #6adcb6 : +140
170 : #6adcc9 : +150
180 : #6adcdc : +160
190 : #6ac9dc : +170
200 : #6ab6dc : +180
210 : #6aa3dc : +190
220 : #6a90dc : +200
230 : #6a7ddc : +210
240 : #6a6adc : +220
250 : #7d6adc : +230
260 : #906adc : +240
270 : #a36adc : +250
280 : #b66adc : +260
290 : #c96adc : +270
300 : #dc6adc : +280
310 : #dc6ac9 : +290
320 : #dc6ab6 : +300
330 : #dc6aa3 : +310
340 : #dc6a90 : +320
350 : #dc6a7d : +330
10 : #dc7d6a : -10
11 : #dc7f6a : -9
12 : #dc816a : -8
13 : #dc836a : -7
14 : #dc856a : -6
15 : #dc876a : -5
16 : #dc896a : -4
17 : #dc8b6a : -3
18 : #dc8c6a : -2
19 : #dc8e6a : -1
20 : #dc906a : ±0
21 : #dc926a : +1
22 : #dc946a : +2
23 : #dc966a : +3
24 : #dc986a : +4
25 : #dc9a6a : +5
26 : #dc9c6a : +6
27 : #dc9e6a : +7
28 : #dc9f6a : +8
29 : #dca16a : +9
30 : #dca36a : +10
S : 彩度 ( 62% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a3a3a3 : -62
2 : #a5a3a1 : -60
4 : #a7a2a0 : -58
6 : #a9a19e : -56
8 : #aba19c : -54
10 : #aca09a : -52
12 : #aea098 : -50
14 : #b09f96 : -48
16 : #b29e95 : -46
18 : #b49e93 : -44
20 : #b69d91 : -42
22 : #b79c8f : -40
24 : #b99c8d : -38
26 : #bb9b8b : -36
28 : #bd9b89 : -34
30 : #bf9a88 : -32
32 : #c19986 : -30
34 : #c29984 : -28
36 : #c49882 : -26
38 : #c69880 : -24
40 : #c8977e : -22
42 : #ca967d : -20
44 : #cc967b : -18
46 : #cd9579 : -16
48 : #cf9577 : -14
50 : #d19475 : -12
52 : #d39373 : -10
54 : #d59372 : -8
56 : #d79270 : -6
58 : #d8916e : -4
60 : #da916c : -2
62 : #dc906a : ±0
64 : #de9068 : +2
66 : #e08f67 : +4
68 : #e28e65 : +6
70 : #e38e63 : +8
72 : #e58d61 : +10
74 : #e78d5f : +12
76 : #e98c5d : +14
78 : #eb8b5c : +16
80 : #ed8b5a : +18
82 : #ee8a58 : +20
84 : #f08956 : +22
86 : #f28954 : +24
88 : #f48852 : +26
90 : #f68851 : +28
92 : #f8874f : +30
94 : #f9864d : +32
96 : #fb864b : +34
98 : #fd8549 : +36
100 : #ff8547 : +38
L : 明度 ( 64% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -64
2 : #080402 : -62
4 : #110804 : -60
6 : #190c06 : -58
8 : #211008 : -56
10 : #29140a : -54
12 : #32180c : -52
14 : #3a1c0e : -50
16 : #422010 : -48
18 : #4a2411 : -46
20 : #532813 : -44
22 : #5b2d15 : -42
24 : #633117 : -40
26 : #6b3519 : -38
28 : #74391b : -36
30 : #7c3d1d : -34
32 : #84411f : -32
34 : #8c4521 : -30
36 : #954923 : -28
38 : #9d4d25 : -26
40 : #a55127 : -24
42 : #ae5529 : -22
44 : #b6592b : -20
46 : #be5d2d : -18
48 : #c6612f : -16
50 : #cf6530 : -14
52 : #d06b39 : -12
54 : #d27141 : -10
56 : #d47849 : -8
58 : #d67e51 : -6
60 : #d8845a : -4
62 : #da8a62 : -2
64 : #dc906a : ±0
66 : #de9673 : +2
68 : #e09d7b : +4
70 : #e2a383 : +6
72 : #e4a98b : +8
74 : #e6af94 : +10
76 : #e8b59c : +12
78 : #eabba4 : +14
80 : #ecc1ac : +16
82 : #eec8b5 : +18
84 : #efcebd : +20
86 : #f1d4c5 : +22
88 : #f3dacd : +24
90 : #f5e0d6 : +26
92 : #f7e6de : +28
94 : #f9ede6 : +30
96 : #fbf3ee : +32
98 : #fdf9f7 : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow