#cf5702
RGB ( 赤 = 207, 緑 = 87, 青 = 2 )
HSL ( 色相 = 25°, 彩度 = 98%, 明度 = 41% )
H : 色相 ( 25° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #cf1302 : -20
15 : #cf3502 : -10
25 : #cf5702 : ±0
35 : #cf7a02 : +10
45 : #cf9c02 : +20
55 : #cfbe02 : +30
65 : #becf02 : +40
75 : #9ccf02 : +50
85 : #7acf02 : +60
95 : #57cf02 : +70
105 : #35cf02 : +80
115 : #13cf02 : +90
125 : #02cf13 : +100
135 : #02cf35 : +110
145 : #02cf57 : +120
155 : #02cf7a : +130
165 : #02cf9c : +140
175 : #02cfbe : +150
185 : #02becf : +160
195 : #029ccf : +170
205 : #027acf : +180
215 : #0257cf : +190
225 : #0235cf : +200
235 : #0213cf : +210
245 : #1302cf : +220
255 : #3502cf : +230
265 : #5702cf : +240
275 : #7a02cf : +250
285 : #9c02cf : +260
295 : #be02cf : +270
305 : #cf02be : +280
315 : #cf029c : +290
325 : #cf027a : +300
335 : #cf0257 : +310
345 : #cf0235 : +320
355 : #cf0213 : +330
15 : #cf3502 : -10
16 : #cf3902 : -9
17 : #cf3c02 : -8
18 : #cf4002 : -7
19 : #cf4302 : -6
20 : #cf4602 : -5
21 : #cf4a02 : -4
22 : #cf4d02 : -3
23 : #cf5102 : -2
24 : #cf5402 : -1
25 : #cf5702 : ±0
26 : #cf5b02 : +1
27 : #cf5e02 : +2
28 : #cf6202 : +3
29 : #cf6502 : +4
30 : #cf6902 : +5
31 : #cf6c02 : +6
32 : #cf6f02 : +7
33 : #cf7302 : +8
34 : #cf7602 : +9
35 : #cf7a02 : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #686868 : -98
2 : #6b6866 : -96
4 : #6d6864 : -94
6 : #6f6862 : -92
8 : #716760 : -90
10 : #73675e : -88
12 : #75665c : -86
14 : #77665a : -84
16 : #796658 : -82
18 : #7b6556 : -80
20 : #7d6554 : -78
22 : #806552 : -76
24 : #82644f : -74
26 : #84644d : -72
28 : #86644b : -70
30 : #886349 : -68
32 : #8a6347 : -66
34 : #8c6345 : -64
36 : #8e6243 : -62
38 : #906241 : -60
40 : #92623f : -58
42 : #94613d : -56
44 : #97613b : -54
46 : #996138 : -52
48 : #9b6036 : -50
50 : #9d6034 : -48
52 : #9f5f32 : -46
54 : #a15f30 : -44
56 : #a35f2e : -42
58 : #a55e2c : -40
60 : #a75e2a : -38
62 : #a95e28 : -36
64 : #ab5d26 : -34
66 : #ae5d24 : -32
68 : #b05d21 : -30
70 : #b25c1f : -28
72 : #b45c1d : -26
74 : #b65c1b : -24
76 : #b85b19 : -22
78 : #ba5b17 : -20
80 : #bc5b15 : -18
82 : #be5a13 : -16
84 : #c05a11 : -14
86 : #c25a0f : -12
88 : #c5590d : -10
90 : #c7590a : -8
92 : #c95908 : -6
94 : #cb5806 : -4
96 : #cd5804 : -2
98 : #cf5702 : ±0
100 : #d15700 : +2
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #050200 : -40
3 : #0f0600 : -38
5 : #190b00 : -36
7 : #230f00 : -34
9 : #2d1300 : -32
11 : #381701 : -30
13 : #421c01 : -28
15 : #4c2001 : -26
17 : #562401 : -24
19 : #602901 : -22
21 : #6a2d01 : -20
23 : #743101 : -18
25 : #7e3501 : -16
27 : #883a01 : -14
29 : #923e01 : -12
31 : #9d4202 : -10
33 : #a74602 : -8
35 : #b14b02 : -6
37 : #bb4f02 : -4
39 : #c55302 : -2
41 : #cf5702 : ±0
43 : #d95c02 : +2
45 : #e36002 : +4
47 : #ed6402 : +6
49 : #f76902 : +8
51 : #fd6e08 : +10
53 : #fd7412 : +12
55 : #fd7a1c : +14
57 : #fd7f26 : +16
59 : #fd8530 : +18
61 : #fd8b3a : +20
63 : #fd9144 : +22
65 : #fd974e : +24
67 : #fd9d58 : +26
69 : #fda362 : +28
71 : #fea96d : +30
73 : #feaf77 : +32
75 : #feb581 : +34
77 : #febb8b : +36
79 : #fec195 : +38
81 : #fec79f : +40
83 : #fecda9 : +42
85 : #fed3b3 : +44
87 : #fed8bd : +46
89 : #fedec7 : +48
91 : #ffe4d2 : +50
93 : #ffeadc : +52
95 : #fff0e6 : +54
97 : #fff6f0 : +56
99 : #fffcfa : +58
CSS入門、作ってます。
text-shadow