#cbb162
RGB ( 赤 = 203, 緑 = 177, 青 = 98 )
HSL ( 色相 = 45°, 彩度 = 50%, 明度 = 59% )
H : 色相 ( 45° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #cb6b62 : -40
15 : #cb7c62 : -30
25 : #cb8e62 : -20
35 : #cb9f62 : -10
45 : #cbb162 : ±0
55 : #cbc262 : +10
65 : #c2cb62 : +20
75 : #b1cb62 : +30
85 : #9fcb62 : +40
95 : #8ecb62 : +50
105 : #7ccb62 : +60
115 : #6bcb62 : +70
125 : #62cb6b : +80
135 : #62cb7c : +90
145 : #62cb8e : +100
155 : #62cb9f : +110
165 : #62cbb1 : +120
175 : #62cbc2 : +130
185 : #62c2cb : +140
195 : #62b1cb : +150
205 : #629fcb : +160
215 : #628ecb : +170
225 : #627ccb : +180
235 : #626bcb : +190
245 : #6b62cb : +200
255 : #7c62cb : +210
265 : #8e62cb : +220
275 : #9f62cb : +230
285 : #b162cb : +240
295 : #c262cb : +250
305 : #cb62c2 : +260
315 : #cb62b1 : +270
325 : #cb629f : +280
335 : #cb628e : +290
345 : #cb627c : +300
355 : #cb626b : +310
35 : #cb9f62 : -10
36 : #cba162 : -9
37 : #cba362 : -8
38 : #cba462 : -7
39 : #cba662 : -6
40 : #cba862 : -5
41 : #cbaa62 : -4
42 : #cbab62 : -3
43 : #cbad62 : -2
44 : #cbaf62 : -1
45 : #cbb162 : ±0
46 : #cbb262 : +1
47 : #cbb462 : +2
48 : #cbb662 : +3
49 : #cbb862 : +4
50 : #cbb962 : +5
51 : #cbbb62 : +6
52 : #cbbd62 : +7
53 : #cbbf62 : +8
54 : #cbc062 : +9
55 : #cbc262 : +10
S : 彩度 ( 50% )
(0%) 渋い ~ 鮮やか (100%)
0 : #969696 : -50
2 : #999794 : -48
4 : #9b9992 : -46
6 : #9d9a90 : -44
8 : #9f9b8e : -42
10 : #a19c8c : -40
12 : #a39d8a : -38
14 : #a59e88 : -36
16 : #a79f86 : -34
18 : #a9a084 : -32
20 : #aba182 : -30
22 : #ada27f : -28
24 : #b0a37d : -26
26 : #b2a47b : -24
28 : #b4a579 : -22
30 : #b6a677 : -20
32 : #b8a775 : -18
34 : #baa873 : -16
36 : #bca971 : -14
38 : #beaa6f : -12
40 : #c0ab6d : -10
42 : #c2ac6b : -8
44 : #c4ad68 : -6
46 : #c7ae66 : -4
48 : #c9b064 : -2
50 : #cbb162 : ±0
52 : #cdb260 : +2
54 : #cfb35e : +4
56 : #d1b45c : +6
58 : #d3b55a : +8
60 : #d5b658 : +10
62 : #d7b756 : +12
64 : #d9b854 : +14
66 : #dbb951 : +16
68 : #deba4f : +18
70 : #e0bb4d : +20
72 : #e2bc4b : +22
74 : #e4bd49 : +24
76 : #e6be47 : +26
78 : #e8bf45 : +28
80 : #eac043 : +30
82 : #ecc141 : +32
84 : #eec23f : +34
86 : #f0c33d : +36
88 : #f2c43a : +38
90 : #f5c538 : +40
92 : #f7c736 : +42
94 : #f9c834 : +44
96 : #fbc932 : +46
98 : #fdca30 : +48
100 : #ffcb2e : +50
L : 明度 ( 59% )
(0%) 暗い ~ 明るい (100%)
1 : #040301 : -58
3 : #0b0a04 : -56
5 : #131006 : -54
7 : #1b1609 : -52
9 : #221d0b : -50
11 : #2a230e : -48
13 : #322911 : -46
15 : #393013 : -44
17 : #413616 : -42
19 : #493d18 : -40
21 : #50431b : -38
23 : #58491d : -36
25 : #605020 : -34
27 : #675622 : -32
29 : #6f5c25 : -30
31 : #776328 : -28
33 : #7e692a : -26
35 : #86702d : -24
37 : #8e762f : -22
39 : #957c32 : -20
41 : #9d8334 : -18
43 : #a48937 : -16
45 : #ac8f39 : -14
47 : #b4963c : -12
49 : #bb9c3e : -10
51 : #c1a144 : -8
53 : #c3a54b : -6
55 : #c6a953 : -4
57 : #c8ad5b : -2
59 : #cbb162 : ±0
61 : #cdb46a : +2
63 : #d0b871 : +4
65 : #d2bc79 : +6
67 : #d5c081 : +8
69 : #d7c488 : +10
71 : #dac890 : +12
73 : #ddcb98 : +14
75 : #dfcf9f : +16
77 : #e2d3a7 : +18
79 : #e4d7af : +20
81 : #e7dbb6 : +22
83 : #e9debe : +24
85 : #ece2c6 : +26
87 : #eee6cd : +28
89 : #f1ead5 : +30
91 : #f4eedd : +32
93 : #f6f2e4 : +34
95 : #f9f5ec : +36
97 : #fbf9f4 : +38
99 : #fefdfb : +40
CSS入門、作ってます。
text-shadow