#d04367
RGB ( 赤 = 208, 緑 = 67, 青 = 103 )
HSL ( 色相 = 345°, 彩度 = 60%, 明度 = 54% )
H : 色相 ( 345° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #d04f43 : -340
15 : #d06743 : -330
25 : #d07e43 : -320
35 : #d09543 : -310
45 : #d0ad43 : -300
55 : #d0c443 : -290
65 : #c4d043 : -280
75 : #add043 : -270
85 : #95d043 : -260
95 : #7ed043 : -250
105 : #67d043 : -240
115 : #4fd043 : -230
125 : #43d04f : -220
135 : #43d067 : -210
145 : #43d07e : -200
155 : #43d095 : -190
165 : #43d0ad : -180
175 : #43d0c4 : -170
185 : #43c4d0 : -160
195 : #43add0 : -150
205 : #4395d0 : -140
215 : #437ed0 : -130
225 : #4367d0 : -120
235 : #434fd0 : -110
245 : #4f43d0 : -100
255 : #6743d0 : -90
265 : #7e43d0 : -80
275 : #9543d0 : -70
285 : #ad43d0 : -60
295 : #c443d0 : -50
305 : #d043c4 : -40
315 : #d043ad : -30
325 : #d04395 : -20
335 : #d0437e : -10
345 : #d04367 : ±0
355 : #d0434f : +10
335 : #d0437e : -10
336 : #d0437c : -9
337 : #d04379 : -8
338 : #d04377 : -7
339 : #d04375 : -6
340 : #d04372 : -5
341 : #d04370 : -4
342 : #d0436e : -3
343 : #d0436b : -2
344 : #d04369 : -1
345 : #d04367 : ±0
346 : #d04364 : +1
347 : #d04362 : +2
348 : #d0435f : +3
349 : #d0435d : +4
350 : #d0435b : +5
351 : #d04358 : +6
352 : #d04356 : +7
353 : #d04354 : +8
354 : #d04351 : +9
355 : #d0434f : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #898989 : -60
2 : #8c8789 : -58
4 : #8e8587 : -56
6 : #918386 : -54
8 : #938085 : -52
10 : #957e84 : -50
12 : #987c83 : -48
14 : #9a7981 : -46
16 : #9c7780 : -44
18 : #9f757f : -42
20 : #a1727e : -40
22 : #a4707d : -38
24 : #a66e7c : -36
26 : #a86b7a : -34
28 : #ab6979 : -32
30 : #ad6778 : -30
32 : #af6477 : -28
34 : #b26276 : -26
36 : #b45f75 : -24
38 : #b65d73 : -22
40 : #b95b72 : -20
42 : #bb5871 : -18
44 : #bd5670 : -16
46 : #c0546f : -14
48 : #c2516e : -12
50 : #c44f6c : -10
52 : #c74d6b : -8
54 : #c94a6a : -6
56 : #cb4869 : -4
58 : #ce4668 : -2
60 : #d04367 : ±0
62 : #d24165 : +2
64 : #d53f64 : +4
66 : #d73c63 : +6
68 : #d93a62 : +8
70 : #dc3861 : +10
72 : #de355f : +12
74 : #e1335e : +14
76 : #e3315d : +16
78 : #e52e5c : +18
80 : #e82c5b : +20
82 : #ea2a5a : +22
84 : #ec2758 : +24
86 : #ef2557 : +26
88 : #f12256 : +28
90 : #f32055 : +30
92 : #f61e54 : +32
94 : #f81b53 : +34
96 : #fa1951 : +36
98 : #fd1750 : +38
100 : #ff144f : +40
L : 明度 ( 54% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -54
2 : #080204 : -52
4 : #100407 : -50
6 : #18060b : -48
8 : #21080e : -46
10 : #290a12 : -44
12 : #310c15 : -42
14 : #390e19 : -40
16 : #41101d : -38
18 : #491220 : -36
20 : #521424 : -34
22 : #5a1627 : -32
24 : #62182b : -30
26 : #6a1b2e : -28
28 : #721d32 : -26
30 : #7a1f36 : -24
32 : #832139 : -22
34 : #8b233d : -20
36 : #932540 : -18
38 : #9b2744 : -16
40 : #a32947 : -14
42 : #ab2b4b : -12
44 : #b42d4f : -10
46 : #bc2f52 : -8
48 : #c43156 : -6
50 : #cc3359 : -4
52 : #ce3b60 : -2
54 : #d04367 : ±0
56 : #d24b6d : +2
58 : #d45474 : +4
60 : #d65c7a : +6
62 : #d86481 : +8
64 : #da6c88 : +10
66 : #dc748e : +12
68 : #de7c95 : +14
70 : #e0859c : +16
72 : #e28da2 : +18
74 : #e495a9 : +20
76 : #e79daf : +22
78 : #e9a5b6 : +24
80 : #ebadbd : +26
82 : #edb6c3 : +28
84 : #efbeca : +30
86 : #f1c6d1 : +32
88 : #f3ced7 : +34
90 : #f5d6de : +36
92 : #f7dee4 : +38
94 : #f9e7eb : +40
96 : #fbeff2 : +42
98 : #fdf7f8 : +44
100 : #ffffff : +46
CSS入門、作ってます。
text-shadow