#d86a46
RGB ( 赤 = 216, 緑 = 106, 青 = 70 )
HSL ( 色相 = 15°, 彩度 = 65%, 明度 = 56% )
H : 色相 ( 15° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #d85246 : -10
15 : #d86a46 : ±0
25 : #d88346 : +10
35 : #d89b46 : +20
45 : #d8b346 : +30
55 : #d8cc46 : +40
65 : #ccd846 : +50
75 : #b3d846 : +60
85 : #9bd846 : +70
95 : #83d846 : +80
105 : #6ad846 : +90
115 : #52d846 : +100
125 : #46d852 : +110
135 : #46d86a : +120
145 : #46d883 : +130
155 : #46d89b : +140
165 : #46d8b3 : +150
175 : #46d8cc : +160
185 : #46ccd8 : +170
195 : #46b3d8 : +180
205 : #469bd8 : +190
215 : #4683d8 : +200
225 : #466ad8 : +210
235 : #4652d8 : +220
245 : #5246d8 : +230
255 : #6a46d8 : +240
265 : #8346d8 : +250
275 : #9b46d8 : +260
285 : #b346d8 : +270
295 : #cc46d8 : +280
305 : #d846cc : +290
315 : #d846b3 : +300
325 : #d8469b : +310
335 : #d84683 : +320
345 : #d8466a : +330
355 : #d84652 : +340
5 : #d85246 : -10
6 : #d85446 : -9
7 : #d85746 : -8
8 : #d85946 : -7
9 : #d85c46 : -6
10 : #d85e46 : -5
11 : #d86146 : -4
12 : #d86346 : -3
13 : #d86546 : -2
14 : #d86846 : -1
15 : #d86a46 : ±0
16 : #d86d46 : +1
17 : #d86f46 : +2
18 : #d87246 : +3
19 : #d87446 : +4
20 : #d87646 : +5
21 : #d87946 : +6
22 : #d87b46 : +7
23 : #d87e46 : +8
24 : #d88046 : +9
25 : #d88346 : +10
S : 彩度 ( 65% )
(0%) 渋い ~ 鮮やか (100%)
1 : #908e8e : -64
3 : #928d8b : -62
5 : #948c89 : -60
7 : #978b87 : -58
9 : #998a85 : -56
11 : #9b8982 : -54
13 : #9d8880 : -52
15 : #a0867e : -50
17 : #a2857c : -48
19 : #a48479 : -46
21 : #a68377 : -44
23 : #a98275 : -42
25 : #ab8173 : -40
27 : #ad8071 : -38
29 : #af7f6e : -36
31 : #b27d6c : -34
33 : #b47c6a : -32
35 : #b67b68 : -30
37 : #b87a65 : -28
39 : #bb7963 : -26
41 : #bd7861 : -24
43 : #bf775f : -22
45 : #c1765c : -20
47 : #c4745a : -18
49 : #c67358 : -16
51 : #c87256 : -14
53 : #ca7153 : -12
55 : #cd7051 : -10
57 : #cf6f4f : -8
59 : #d16e4d : -6
61 : #d36d4a : -4
63 : #d56b48 : -2
65 : #d86a46 : ±0
67 : #da6944 : +2
69 : #dc6841 : +4
71 : #de673f : +6
73 : #e1663d : +8
75 : #e3653b : +10
77 : #e56438 : +12
79 : #e76236 : +14
81 : #ea6134 : +16
83 : #ec6032 : +18
85 : #ee5f2f : +20
87 : #f05e2d : +22
89 : #f35d2b : +24
91 : #f55c29 : +26
93 : #f75b26 : +28
95 : #f95a24 : +30
97 : #fc5822 : +32
99 : #fe5720 : +34
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #080302 : -54
4 : #110704 : -52
6 : #190a05 : -50
8 : #220e07 : -48
10 : #2a1109 : -46
12 : #32150b : -44
14 : #3b180c : -42
16 : #431c0e : -40
18 : #4c1f10 : -38
20 : #542212 : -36
22 : #5d2614 : -34
24 : #652915 : -32
26 : #6d2d17 : -30
28 : #763019 : -28
30 : #7e341b : -26
32 : #87371d : -24
34 : #8f3b1e : -22
36 : #973e20 : -20
38 : #a04122 : -18
40 : #a84524 : -16
42 : #b14825 : -14
44 : #b94c27 : -12
46 : #c24f29 : -10
48 : #ca532b : -8
50 : #d2562d : -6
52 : #d45d35 : -4
54 : #d6643d : -2
56 : #d86a46 : ±0
58 : #da714e : +2
60 : #db7857 : +4
62 : #dd7f5f : +6
64 : #df8568 : +8
66 : #e18c70 : +10
68 : #e29378 : +12
70 : #e49a81 : +14
72 : #e6a089 : +16
74 : #e8a792 : +18
76 : #eaae9a : +20
78 : #ebb5a2 : +22
80 : #edbbab : +24
82 : #efc2b3 : +26
84 : #f1c9bc : +28
86 : #f3d0c4 : +30
88 : #f4d6cd : +32
90 : #f6ddd5 : +34
92 : #f8e4dd : +36
94 : #faebe6 : +38
96 : #fbf1ee : +40
98 : #fdf8f7 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow