#db4f43
RGB ( 赤 = 219, 緑 = 79, 青 = 67 )
HSL ( 色相 = 5°, 彩度 = 68%, 明度 = 56% )
H : 色相 ( 5° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #db4f43 : ±0
15 : #db6943 : +10
25 : #db8243 : +20
35 : #db9c43 : +30
45 : #dbb543 : +40
55 : #dbce43 : +50
65 : #cedb43 : +60
75 : #b5db43 : +70
85 : #9cdb43 : +80
95 : #82db43 : +90
105 : #69db43 : +100
115 : #4fdb43 : +110
125 : #43db4f : +120
135 : #43db69 : +130
145 : #43db82 : +140
155 : #43db9c : +150
165 : #43dbb5 : +160
175 : #43dbce : +170
185 : #43cedb : +180
195 : #43b5db : +190
205 : #439cdb : +200
215 : #4382db : +210
225 : #4369db : +220
235 : #434fdb : +230
245 : #4f43db : +240
255 : #6943db : +250
265 : #8243db : +260
275 : #9c43db : +270
285 : #b543db : +280
295 : #ce43db : +290
305 : #db43ce : +300
315 : #db43b5 : +310
325 : #db439c : +320
335 : #db4382 : +330
345 : #db4369 : +340
355 : #db434f : +350
355 : #db434f : +350
356 : #db434d : +351
357 : #db434a : +352
358 : #db4348 : +353
359 : #db4345 : +354
0 : #db4343 : -5
1 : #db4543 : -4
2 : #db4843 : -3
3 : #db4a43 : -2
4 : #db4d43 : -1
5 : #db4f43 : ±0
6 : #db5243 : +1
7 : #db5443 : +2
8 : #db5743 : +3
9 : #db5943 : +4
10 : #db5c43 : +5
11 : #db5e43 : +6
12 : #db6143 : +7
13 : #db6443 : +8
14 : #db6643 : +9
15 : #db6943 : +10
S : 彩度 ( 68% )
(0%) 渋い ~ 鮮やか (100%)
0 : #8e8e8e : -68
2 : #918d8d : -66
4 : #938b8a : -64
6 : #968988 : -62
8 : #988786 : -60
10 : #9a8584 : -58
12 : #9c8481 : -56
14 : #9f827f : -54
16 : #a1807d : -52
18 : #a37e7b : -50
20 : #a57c78 : -48
22 : #a77a76 : -46
24 : #aa7874 : -44
26 : #ac7672 : -42
28 : #ae756f : -40
30 : #b0736d : -38
32 : #b3716b : -36
34 : #b56f69 : -34
36 : #b76d66 : -32
38 : #b96b64 : -30
40 : #bc6962 : -28
42 : #be6860 : -26
44 : #c0665d : -24
46 : #c2645b : -22
48 : #c56259 : -20
50 : #c76057 : -18
52 : #c95e54 : -16
54 : #cb5c52 : -14
56 : #ce5a50 : -12
58 : #d0594e : -10
60 : #d2574b : -8
62 : #d45549 : -6
64 : #d75347 : -4
66 : #d95145 : -2
68 : #db4f43 : ±0
70 : #dd4d40 : +2
72 : #e04b3e : +4
74 : #e24a3c : +6
76 : #e4483a : +8
78 : #e64637 : +10
80 : #e94435 : +12
82 : #eb4233 : +14
84 : #ed4031 : +16
86 : #ef3e2e : +18
88 : #f23d2c : +20
90 : #f43b2a : +22
92 : #f63928 : +24
94 : #f83725 : +26
96 : #fb3523 : +28
98 : #fd3321 : +30
100 : #ff311f : +32
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #090202 : -54
4 : #110403 : -52
6 : #1a0705 : -50
8 : #220907 : -48
10 : #2b0b08 : -46
12 : #330d0a : -44
14 : #3c0f0b : -42
16 : #45120d : -40
18 : #4d140f : -38
20 : #561610 : -36
22 : #5e1812 : -34
24 : #671b14 : -32
26 : #6f1d15 : -30
28 : #781f17 : -28
30 : #812118 : -26
32 : #89231a : -24
34 : #92261c : -22
36 : #9a281d : -20
38 : #a32a1f : -18
40 : #ab2c21 : -16
42 : #b42e22 : -14
44 : #bc3124 : -12
46 : #c53326 : -10
48 : #ce3527 : -8
50 : #d63729 : -6
52 : #d83f31 : -4
54 : #d9473a : -2
56 : #db4f43 : ±0
58 : #dd574b : +2
60 : #de5f54 : +4
62 : #e0675c : +6
64 : #e26f65 : +8
66 : #e3776d : +10
68 : #e57f76 : +12
70 : #e7877e : +14
72 : #e88f87 : +16
74 : #ea9790 : +18
76 : #eb9f98 : +20
78 : #eda7a1 : +22
80 : #efafa9 : +24
82 : #f0b7b2 : +26
84 : #f2bfba : +28
86 : #f4c7c3 : +30
88 : #f5cfcc : +32
90 : #f7d7d4 : +34
92 : #f8dfdd : +36
94 : #fae7e5 : +38
96 : #fcefee : +40
98 : #fdf7f6 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow