#c98c13
RGB
| 赤 | 201 |
|---|---|
| 緑 | 140 |
| 青 | 19 |
HSL
| 色相 | 40° |
|---|---|
| 彩度 | 83% |
| 明度 | 43% |
| 輝度 | 57% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 201, 緑 = 140, 青 = 19 )
HSL ( 色相 = 40°, 彩度 = 83%, 明度 = 43% )
H : 色相 ( 40° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #c91313 : -40
10 : #c93113 : -30
20 : #c94f13 : -20
30 : #c96e13 : -10
40 : #c98c13 : ±0
50 : #c9aa13 : +10
60 : #c9c913 : +20
70 : #aac913 : +30
80 : #8cc913 : +40
90 : #6ec913 : +50
100 : #4fc913 : +60
110 : #31c913 : +70
120 : #13c913 : +80
130 : #13c931 : +90
140 : #13c94f : +100
150 : #13c96e : +110
160 : #13c98c : +120
170 : #13c9aa : +130
180 : #13c9c9 : +140
190 : #13aac9 : +150
200 : #138cc9 : +160
210 : #136ec9 : +170
220 : #134fc9 : +180
230 : #1331c9 : +190
240 : #1313c9 : +200
250 : #3113c9 : +210
260 : #4f13c9 : +220
270 : #6e13c9 : +230
280 : #8c13c9 : +240
290 : #aa13c9 : +250
300 : #c913c9 : +260
310 : #c913aa : +270
320 : #c9138c : +280
330 : #c9136e : +290
340 : #c9134f : +300
350 : #c91331 : +310
30 : #c96e13 : -10
31 : #c97113 : -9
32 : #c97413 : -8
33 : #c97713 : -7
34 : #c97a13 : -6
35 : #c97d13 : -5
36 : #c98013 : -4
37 : #c98313 : -3
38 : #c98613 : -2
39 : #c98913 : -1
40 : #c98c13 : ±0
41 : #c98f13 : +1
42 : #c99213 : +2
43 : #c99513 : +3
44 : #c99813 : +4
45 : #c99b13 : +5
46 : #c99e13 : +6
47 : #c9a113 : +7
48 : #c9a413 : +8
49 : #c9a713 : +9
50 : #c9aa13 : +10
S : 彩度 ( 83% )
(0%) 渋い ～ 鮮やか (100%)
1 : #6f6e6d : -82
3 : #716f6a : -80
5 : #736f68 : -78
7 : #757066 : -76
9 : #787164 : -74
11 : #7a7262 : -72
13 : #7c725f : -70
15 : #7e735d : -68
17 : #80745b : -66
19 : #827559 : -64
21 : #857557 : -62
23 : #877654 : -60
25 : #897752 : -58
27 : #8b7850 : -56
29 : #8d784e : -54
31 : #90794c : -52
33 : #927a49 : -50
35 : #947a47 : -48
37 : #967b45 : -46
39 : #987c43 : -44
41 : #9b7d41 : -42
43 : #9d7d3f : -40
45 : #9f7e3c : -38
47 : #a17f3a : -36
49 : #a38038 : -34
51 : #a68036 : -32
53 : #a88134 : -30
55 : #aa8231 : -28
57 : #ac822f : -26
59 : #ae832d : -24
61 : #b1842b : -22
63 : #b38529 : -20
65 : #b58526 : -18
67 : #b78624 : -16
69 : #b98722 : -14
71 : #bc8820 : -12
73 : #be881e : -10
75 : #c0891b : -8
77 : #c28a19 : -6
79 : #c48b17 : -4
81 : #c68b15 : -2
83 : #c98c13 : ±0
85 : #cb8d10 : +2
87 : #cd8d0e : +4
89 : #cf8e0c : +6
91 : #d18f0a : +8
93 : #d49008 : +10
95 : #d69005 : +12
97 : #d89103 : +14
99 : #da9201 : +16
L : 明度 ( 43% )
(0%) 暗い ～ 明るい (100%)
1 : #050300 : -42
3 : #0e0a01 : -40
5 : #171002 : -38
7 : #211703 : -36
9 : #2a1d04 : -34
11 : #332405 : -32
13 : #3d2a06 : -30
15 : #463107 : -28
17 : #4f3707 : -26
19 : #593e08 : -24
21 : #624409 : -22
23 : #6b4b0a : -20
25 : #75510b : -18
27 : #7e580c : -16
29 : #875e0d : -14
31 : #91650d : -12
33 : #9a6b0e : -10
35 : #a3720f : -8
37 : #ad7810 : -6
39 : #b67f11 : -4
41 : #bf8512 : -2
43 : #c98c13 : ±0
45 : #d29214 : +2
47 : #db9914 : +4
49 : #e5a015 : +6
51 : #eaa51a : +8
53 : #eba824 : +10
55 : #ebac2d : +12
57 : #ecb036 : +14
59 : #edb340 : +16
61 : #eeb749 : +18
63 : #efbb52 : +20
65 : #f0be5c : +22
67 : #f1c265 : +24
69 : #f2c66e : +26
71 : #f2ca78 : +28
73 : #f3cd81 : +30
75 : #f4d18a : +32
77 : #f5d594 : +34
79 : #f6d89d : +36
81 : #f7dca6 : +38
83 : #f8e0b0 : +40
85 : #f8e3b9 : +42
87 : #f9e7c2 : +44
89 : #faebcc : +46
91 : #fbeed5 : +48
93 : #fcf2de : +50
95 : #fdf6e8 : +52
97 : #fef9f1 : +54
99 : #fffdfa : +56
CSS入門、作ってます。
text-shadow