#d8664f
RGB ( 赤 = 216, 緑 = 102, 青 = 79 )
HSL ( 色相 = 10°, 彩度 = 64%, 明度 = 58% )
H : 色相 ( 10° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #d84f4f : -10
10 : #d8664f : ±0
20 : #d87d4f : +10
30 : #d8944f : +20
40 : #d8ab4f : +30
50 : #d8c24f : +40
60 : #d8d84f : +50
70 : #c2d84f : +60
80 : #abd84f : +70
90 : #94d84f : +80
100 : #7dd84f : +90
110 : #66d84f : +100
120 : #4fd84f : +110
130 : #4fd866 : +120
140 : #4fd87d : +130
150 : #4fd894 : +140
160 : #4fd8ab : +150
170 : #4fd8c2 : +160
180 : #4fd8d8 : +170
190 : #4fc2d8 : +180
200 : #4fabd8 : +190
210 : #4f94d8 : +200
220 : #4f7dd8 : +210
230 : #4f66d8 : +220
240 : #4f4fd8 : +230
250 : #664fd8 : +240
260 : #7d4fd8 : +250
270 : #944fd8 : +260
280 : #ab4fd8 : +270
290 : #c24fd8 : +280
300 : #d84fd8 : +290
310 : #d84fc2 : +300
320 : #d84fab : +310
330 : #d84f94 : +320
340 : #d84f7d : +330
350 : #d84f66 : +340
0 : #d84f4f : -10
1 : #d8524f : -9
2 : #d8544f : -8
3 : #d8564f : -7
4 : #d8584f : -6
5 : #d85b4f : -5
6 : #d85d4f : -4
7 : #d85f4f : -3
8 : #d8624f : -2
9 : #d8644f : -1
10 : #d8664f : ±0
11 : #d8684f : +1
12 : #d86b4f : +2
13 : #d86d4f : +3
14 : #d86f4f : +4
15 : #d8724f : +5
16 : #d8744f : +6
17 : #d8764f : +7
18 : #d8784f : +8
19 : #d87b4f : +9
20 : #d87d4f : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #939393 : -64
2 : #969292 : -62
4 : #989190 : -60
6 : #9a908d : -58
8 : #9c8e8b : -56
10 : #9f8d89 : -54
12 : #a18b87 : -52
14 : #a38a85 : -50
16 : #a58883 : -48
18 : #a78781 : -46
20 : #a9867e : -44
22 : #ab847c : -42
24 : #ae837a : -40
26 : #b08178 : -38
28 : #b28076 : -36
30 : #b47e74 : -34
32 : #b67d72 : -32
34 : #b87c6f : -30
36 : #ba7a6d : -28
38 : #bd796b : -26
40 : #bf7769 : -24
42 : #c17667 : -22
44 : #c37465 : -20
46 : #c57363 : -18
48 : #c77260 : -16
50 : #c9705e : -14
52 : #cc6f5c : -12
54 : #ce6d5a : -10
56 : #d06c58 : -8
58 : #d26a56 : -6
60 : #d46954 : -4
62 : #d66851 : -2
64 : #d8664f : ±0
66 : #db654d : +2
68 : #dd634b : +4
70 : #df6249 : +6
72 : #e16047 : +8
74 : #e35f45 : +10
76 : #e55e43 : +12
78 : #e75c40 : +14
80 : #ea5b3e : +16
82 : #ec593c : +18
84 : #ee583a : +20
86 : #f05638 : +22
88 : #f25536 : +24
90 : #f45434 : +26
92 : #f65231 : +28
94 : #f9512f : +30
96 : #fb4f2d : +32
98 : #fd4e2b : +34
100 : #ff4d29 : +36
L : 明度 ( 58% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -58
2 : #080302 : -56
4 : #110604 : -54
6 : #190906 : -52
8 : #210c07 : -50
10 : #2a0f09 : -48
12 : #32120b : -46
14 : #3b140d : -44
16 : #43170f : -42
18 : #4b1a11 : -40
20 : #541d12 : -38
22 : #5c2014 : -36
24 : #642316 : -34
26 : #6d2618 : -32
28 : #75291a : -30
30 : #7d2c1c : -28
32 : #862f1d : -26
34 : #8e321f : -24
36 : #973521 : -22
38 : #9f3823 : -20
40 : #a73a25 : -18
42 : #b03d27 : -16
44 : #b84028 : -14
46 : #c0432a : -12
48 : #c9462c : -10
50 : #d1492e : -8
52 : #d35036 : -6
54 : #d5583f : -4
56 : #d75f47 : -2
58 : #d8664f : ±0
60 : #da6d58 : +2
62 : #dc7560 : +4
64 : #de7c68 : +6
66 : #e08371 : +8
68 : #e28b79 : +10
70 : #e39282 : +12
72 : #e5998a : +14
74 : #e7a092 : +16
76 : #e9a89b : +18
78 : #ebafa3 : +20
80 : #edb6ab : +22
82 : #eebeb4 : +24
84 : #f0c5bc : +26
86 : #f2ccc4 : +28
88 : #f4d3cd : +30
90 : #f6dbd5 : +32
92 : #f8e2de : +34
94 : #f9e9e6 : +36
96 : #fbf0ee : +38
98 : #fdf8f7 : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow