#cf895e
RGB ( 赤 = 207, 緑 = 137, 青 = 94 )
HSL ( 色相 = 23°, 彩度 = 54%, 明度 = 59% )
H : 色相 ( 23° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #cf645e : -20
13 : #cf765e : -10
23 : #cf895e : ±0
33 : #cf9c5e : +10
43 : #cfaf5e : +20
53 : #cfc25e : +30
63 : #c9cf5e : +40
73 : #b6cf5e : +50
83 : #a4cf5e : +60
93 : #91cf5e : +70
103 : #7ecf5e : +80
113 : #6bcf5e : +90
123 : #5ecf64 : +100
133 : #5ecf76 : +110
143 : #5ecf89 : +120
153 : #5ecf9c : +130
163 : #5ecfaf : +140
173 : #5ecfc2 : +150
183 : #5ec9cf : +160
193 : #5eb6cf : +170
203 : #5ea4cf : +180
213 : #5e91cf : +190
223 : #5e7ecf : +200
233 : #5e6bcf : +210
243 : #645ecf : +220
253 : #765ecf : +230
263 : #895ecf : +240
273 : #9c5ecf : +250
283 : #af5ecf : +260
293 : #c25ecf : +270
303 : #cf5ec9 : +280
313 : #cf5eb6 : +290
323 : #cf5ea4 : +300
333 : #cf5e91 : +310
343 : #cf5e7e : +320
353 : #cf5e6b : +330
13 : #cf765e : -10
14 : #cf785e : -9
15 : #cf7a5e : -8
16 : #cf7c5e : -7
17 : #cf7e5e : -6
18 : #cf805e : -5
19 : #cf825e : -4
20 : #cf845e : -3
21 : #cf865e : -2
22 : #cf875e : -1
23 : #cf895e : ±0
24 : #cf8b5e : +1
25 : #cf8d5e : +2
26 : #cf8f5e : +3
27 : #cf915e : +4
28 : #cf935e : +5
29 : #cf955e : +6
30 : #cf965e : +7
31 : #cf985e : +8
32 : #cf9a5e : +9
33 : #cf9c5e : +10
S : 彩度 ( 54% )
(0%) 渋い ~ 鮮やか (100%)
0 : #969696 : -54
2 : #999694 : -52
4 : #9b9592 : -50
6 : #9d9590 : -48
8 : #9f948e : -46
10 : #a1948c : -44
12 : #a3948a : -42
14 : #a59388 : -40
16 : #a79386 : -38
18 : #a99284 : -36
20 : #ab9282 : -34
22 : #ad917f : -32
24 : #b0917d : -30
26 : #b2907b : -28
28 : #b49079 : -26
30 : #b68f77 : -24
32 : #b88f75 : -22
34 : #ba8e73 : -20
36 : #bc8e71 : -18
38 : #be8d6f : -16
40 : #c08d6d : -14
42 : #c28c6b : -12
44 : #c48c68 : -10
46 : #c78b66 : -8
48 : #c98b64 : -6
50 : #cb8a62 : -4
52 : #cd8a60 : -2
54 : #cf895e : ±0
56 : #d1895c : +2
58 : #d3885a : +4
60 : #d58858 : +6
62 : #d78756 : +8
64 : #d98754 : +10
66 : #db8651 : +12
68 : #de864f : +14
70 : #e0854d : +16
72 : #e2854b : +18
74 : #e48449 : +20
76 : #e68447 : +22
78 : #e88345 : +24
80 : #ea8343 : +26
82 : #ec8241 : +28
84 : #ee823f : +30
86 : #f0813d : +32
88 : #f2813a : +34
90 : #f58038 : +36
92 : #f78036 : +38
94 : #f98034 : +40
96 : #fb7f32 : +42
98 : #fd7f30 : +44
100 : #ff7e2e : +46
L : 明度 ( 59% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -58
3 : #0c0704 : -56
5 : #140b06 : -54
7 : #1b1008 : -52
9 : #23140b : -50
11 : #2b190d : -48
13 : #331d0f : -46
15 : #3b2112 : -44
17 : #432614 : -42
19 : #4b2a16 : -40
21 : #522f19 : -38
23 : #5a331b : -36
25 : #62381d : -34
27 : #6a3c20 : -32
29 : #724122 : -30
31 : #7a4524 : -28
33 : #824a27 : -26
35 : #894e29 : -24
37 : #91522b : -22
39 : #99572e : -20
41 : #a15b30 : -18
43 : #a96032 : -16
45 : #b16435 : -14
47 : #b96937 : -12
49 : #c06d39 : -10
51 : #c6723f : -8
53 : #c87846 : -6
55 : #ca7e4e : -4
57 : #cd8456 : -2
59 : #cf895e : ±0
61 : #d18f66 : +2
63 : #d4956e : +4
65 : #d69b76 : +6
67 : #d8a07d : +8
69 : #dba685 : +10
71 : #ddac8d : +12
73 : #dfb195 : +14
75 : #e2b79d : +16
77 : #e4bda5 : +18
79 : #e6c3ad : +20
81 : #e9c8b4 : +22
83 : #ebcebc : +24
85 : #edd4c4 : +26
87 : #f0dacc : +28
89 : #f2dfd4 : +30
91 : #f4e5dc : +32
93 : #f7ebe4 : +34
95 : #f9f1eb : +36
97 : #fbf6f3 : +38
99 : #fefcfb : +40
CSS入門、作ってます。
text-shadow