#cfb559
RGB ( 赤 = 207, 緑 = 181, 青 = 89 )
HSL ( 色相 = 47°, 彩度 = 55%, 明度 = 58% )
H : 色相 ( 47° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #cf6759 : -40
17 : #cf7a59 : -30
27 : #cf8e59 : -20
37 : #cfa259 : -10
47 : #cfb559 : ±0
57 : #cfc959 : +10
67 : #c1cf59 : +20
77 : #adcf59 : +30
87 : #9acf59 : +40
97 : #86cf59 : +50
107 : #73cf59 : +60
117 : #5fcf59 : +70
127 : #59cf67 : +80
137 : #59cf7a : +90
147 : #59cf8e : +100
157 : #59cfa2 : +110
167 : #59cfb5 : +120
177 : #59cfc9 : +130
187 : #59c1cf : +140
197 : #59adcf : +150
207 : #599acf : +160
217 : #5986cf : +170
227 : #5973cf : +180
237 : #595fcf : +190
247 : #6759cf : +200
257 : #7a59cf : +210
267 : #8e59cf : +220
277 : #a259cf : +230
287 : #b559cf : +240
297 : #c959cf : +250
307 : #cf59c1 : +260
317 : #cf59ad : +270
327 : #cf599a : +280
337 : #cf5986 : +290
347 : #cf5973 : +300
357 : #cf595f : +310
37 : #cfa259 : -10
38 : #cfa459 : -9
39 : #cfa659 : -8
40 : #cfa859 : -7
41 : #cfa959 : -6
42 : #cfab59 : -5
43 : #cfad59 : -4
44 : #cfaf59 : -3
45 : #cfb159 : -2
46 : #cfb359 : -1
47 : #cfb559 : ±0
48 : #cfb759 : +1
49 : #cfb959 : +2
50 : #cfbb59 : +3
51 : #cfbd59 : +4
52 : #cfbf59 : +5
53 : #cfc159 : +6
54 : #cfc359 : +7
55 : #cfc559 : +8
56 : #cfc759 : +9
57 : #cfc959 : +10
S : 彩度 ( 55% )
(0%) 渋い ~ 鮮やか (100%)
1 : #959593 : -54
3 : #979691 : -52
5 : #99978f : -50
7 : #9b988c : -48
9 : #9e998a : -46
11 : #a09b88 : -44
13 : #a29c86 : -42
15 : #a49d84 : -40
17 : #a69e82 : -38
19 : #a89f80 : -36
21 : #aaa17d : -34
23 : #ada27b : -32
25 : #afa379 : -30
27 : #b1a477 : -28
29 : #b3a675 : -26
31 : #b5a773 : -24
33 : #b7a871 : -22
35 : #b9a96e : -20
37 : #bcaa6c : -18
39 : #beac6a : -16
41 : #c0ad68 : -14
43 : #c2ae66 : -12
45 : #c4af64 : -10
47 : #c6b062 : -8
49 : #c8b25f : -6
51 : #cbb35d : -4
53 : #cdb45b : -2
55 : #cfb559 : ±0
57 : #d1b657 : +2
59 : #d3b855 : +4
61 : #d5b953 : +6
63 : #d7ba50 : +8
65 : #dabb4e : +10
67 : #dcbd4c : +12
69 : #debe4a : +14
71 : #e0bf48 : +16
73 : #e2c046 : +18
75 : #e4c144 : +20
77 : #e6c341 : +22
79 : #e9c43f : +24
81 : #ebc53d : +26
83 : #edc63b : +28
85 : #efc739 : +30
87 : #f1c937 : +32
89 : #f3ca35 : +34
91 : #f5cb32 : +36
93 : #f8cc30 : +38
95 : #face2e : +40
97 : #fccf2c : +42
99 : #fed02a : +44
L : 明度 ( 58% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -58
2 : #080702 : -56
4 : #100d05 : -54
6 : #181407 : -52
8 : #201b09 : -50
10 : #28210b : -48
12 : #2f280e : -46
14 : #372f10 : -44
16 : #3f3612 : -42
18 : #473c15 : -40
20 : #4f4317 : -38
22 : #574a19 : -36
24 : #5f501c : -34
26 : #67571e : -32
28 : #6f5e20 : -30
30 : #776422 : -28
32 : #7e6b25 : -26
34 : #867227 : -24
36 : #8e7829 : -22
38 : #967f2c : -20
40 : #9e862e : -18
42 : #a68c30 : -16
44 : #ae9332 : -14
46 : #b69a35 : -12
48 : #bea137 : -10
50 : #c6a739 : -8
52 : #c8ab41 : -6
54 : #caae49 : -4
56 : #cdb251 : -2
58 : #cfb559 : ±0
60 : #d1b961 : +2
62 : #d3bc69 : +4
64 : #d6c071 : +6
66 : #d8c379 : +8
68 : #dac781 : +10
70 : #ddca88 : +12
72 : #dfce90 : +14
74 : #e1d198 : +16
76 : #e3d5a0 : +18
78 : #e6d8a8 : +20
80 : #e8dcb0 : +22
82 : #eadfb8 : +24
84 : #ede3c0 : +26
86 : #efe6c8 : +28
88 : #f1ead0 : +30
90 : #f4edd7 : +32
92 : #f6f1df : +34
94 : #f8f4e7 : +36
96 : #faf8ef : +38
98 : #fdfbf7 : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow