#db7043
RGB ( 赤 = 219, 緑 = 112, 青 = 67 )
HSL ( 色相 = 18°, 彩度 = 68%, 明度 = 56% )
H : 色相 ( 18° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #db5743 : -10
18 : #db7043 : ±0
28 : #db8a43 : +10
38 : #dba343 : +20
48 : #dbbd43 : +30
58 : #dbd643 : +40
68 : #c7db43 : +50
78 : #addb43 : +60
88 : #94db43 : +70
98 : #7adb43 : +80
108 : #61db43 : +90
118 : #48db43 : +100
128 : #43db57 : +110
138 : #43db70 : +120
148 : #43db8a : +130
158 : #43dba3 : +140
168 : #43dbbd : +150
178 : #43dbd6 : +160
188 : #43c7db : +170
198 : #43addb : +180
208 : #4394db : +190
218 : #437adb : +200
228 : #4361db : +210
238 : #4348db : +220
248 : #5743db : +230
258 : #7043db : +240
268 : #8a43db : +250
278 : #a343db : +260
288 : #bd43db : +270
298 : #d643db : +280
308 : #db43c7 : +290
318 : #db43ad : +300
328 : #db4394 : +310
338 : #db437a : +320
348 : #db4361 : +330
358 : #db4348 : +340
8 : #db5743 : -10
9 : #db5943 : -9
10 : #db5c43 : -8
11 : #db5e43 : -7
12 : #db6143 : -6
13 : #db6443 : -5
14 : #db6643 : -4
15 : #db6943 : -3
16 : #db6b43 : -2
17 : #db6e43 : -1
18 : #db7043 : ±0
19 : #db7343 : +1
20 : #db7543 : +2
21 : #db7843 : +3
22 : #db7a43 : +4
23 : #db7d43 : +5
24 : #db8043 : +6
25 : #db8243 : +7
26 : #db8543 : +8
27 : #db8743 : +9
28 : #db8a43 : +10
S : 彩度 ( 68% )
(0%) 渋い ~ 鮮やか (100%)
0 : #8e8e8e : -68
2 : #918e8d : -66
4 : #938d8a : -64
6 : #968c88 : -62
8 : #988b86 : -60
10 : #9a8a84 : -58
12 : #9c8981 : -56
14 : #9f897f : -54
16 : #a1887d : -52
18 : #a3877b : -50
20 : #a58678 : -48
22 : #a78576 : -46
24 : #aa8474 : -44
26 : #ac8372 : -42
28 : #ae826f : -40
30 : #b0816d : -38
32 : #b3806b : -36
34 : #b58069 : -34
36 : #b77f66 : -32
38 : #b97e64 : -30
40 : #bc7d62 : -28
42 : #be7c60 : -26
44 : #c07b5d : -24
46 : #c27a5b : -22
48 : #c57959 : -20
50 : #c77857 : -18
52 : #c97754 : -16
54 : #cb7752 : -14
56 : #ce7650 : -12
58 : #d0754e : -10
60 : #d2744b : -8
62 : #d47349 : -6
64 : #d77247 : -4
66 : #d97145 : -2
68 : #db7043 : ±0
70 : #dd6f40 : +2
72 : #e06e3e : +4
74 : #e26e3c : +6
76 : #e46d3a : +8
78 : #e66c37 : +10
80 : #e96b35 : +12
82 : #eb6a33 : +14
84 : #ed6931 : +16
86 : #ef682e : +18
88 : #f2672c : +20
90 : #f4662a : +22
92 : #f66628 : +24
94 : #f86525 : +26
96 : #fb6423 : +28
98 : #fd6321 : +30
100 : #ff621f : +32
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #090402 : -54
4 : #110703 : -52
6 : #1a0b05 : -50
8 : #220f07 : -48
10 : #2b1308 : -46
12 : #33160a : -44
14 : #3c1a0b : -42
16 : #451e0d : -40
18 : #4d210f : -38
20 : #562510 : -36
22 : #5e2912 : -34
24 : #672d14 : -32
26 : #6f3015 : -30
28 : #783417 : -28
30 : #813818 : -26
32 : #893b1a : -24
34 : #923f1c : -22
36 : #9a431d : -20
38 : #a3471f : -18
40 : #ab4a21 : -16
42 : #b44e22 : -14
44 : #bc5224 : -12
46 : #c55526 : -10
48 : #ce5927 : -8
50 : #d65d29 : -6
52 : #d86331 : -4
54 : #d96a3a : -2
56 : #db7043 : ±0
58 : #dd774b : +2
60 : #de7d54 : +4
62 : #e0845c : +6
64 : #e28a65 : +8
66 : #e3916d : +10
68 : #e59776 : +12
70 : #e79e7e : +14
72 : #e8a487 : +16
74 : #eaab90 : +18
76 : #ebb198 : +20
78 : #edb8a1 : +22
80 : #efbea9 : +24
82 : #f0c5b2 : +26
84 : #f2cbba : +28
86 : #f4d2c3 : +30
88 : #f5d8cc : +32
90 : #f7dfd4 : +34
92 : #f8e5dd : +36
94 : #faece5 : +38
96 : #fcf2ee : +40
98 : #fdf9f6 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow