#ce871c
RGB
赤 | 206 |
---|---|
緑 | 135 |
青 | 28 |
HSL
色相 | 36° |
---|---|
彩度 | 76% |
明度 | 46% |
輝度 | 56% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 206, 緑 = 135, 青 = 28 )
HSL ( 色相 = 36°, 彩度 = 76%, 明度 = 46% )
H : 色相 ( 36° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #ce2e1c : -30
16 : #ce4c1c : -20
26 : #ce691c : -10
36 : #ce871c : ±0
46 : #cea51c : +10
56 : #cec31c : +20
66 : #bdce1c : +30
76 : #9fce1c : +40
86 : #81ce1c : +50
96 : #63ce1c : +60
106 : #46ce1c : +70
116 : #28ce1c : +80
126 : #1cce2e : +90
136 : #1cce4c : +100
146 : #1cce69 : +110
156 : #1cce87 : +120
166 : #1ccea5 : +130
176 : #1ccec3 : +140
186 : #1cbdce : +150
196 : #1c9fce : +160
206 : #1c81ce : +170
216 : #1c63ce : +180
226 : #1c46ce : +190
236 : #1c28ce : +200
246 : #2e1cce : +210
256 : #4c1cce : +220
266 : #691cce : +230
276 : #871cce : +240
286 : #a51cce : +250
296 : #c31cce : +260
306 : #ce1cbd : +270
316 : #ce1c9f : +280
326 : #ce1c81 : +290
336 : #ce1c63 : +300
346 : #ce1c46 : +310
356 : #ce1c28 : +320
26 : #ce691c : -10
27 : #ce6c1c : -9
28 : #ce6f1c : -8
29 : #ce721c : -7
30 : #ce751c : -6
31 : #ce781c : -5
32 : #ce7b1c : -4
33 : #ce7e1c : -3
34 : #ce811c : -2
35 : #ce841c : -1
36 : #ce871c : ±0
37 : #ce8a1c : +1
38 : #ce8d1c : +2
39 : #ce901c : +3
40 : #ce931c : +4
41 : #ce961c : +5
42 : #ce991c : +6
43 : #ce9c1c : +7
44 : #ce9f1c : +8
45 : #cea21c : +9
46 : #cea51c : +10
S : 彩度 ( 76% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -76
2 : #787673 : -74
4 : #7a7671 : -72
6 : #7c776e : -70
8 : #7f776c : -68
10 : #81786a : -66
12 : #837867 : -64
14 : #867965 : -62
16 : #887963 : -60
18 : #8a7a60 : -58
20 : #8d7a5e : -56
22 : #8f7a5b : -54
24 : #917b59 : -52
26 : #947b57 : -50
28 : #967c54 : -48
30 : #987c52 : -46
32 : #9b7d50 : -44
34 : #9d7d4d : -42
36 : #a07e4b : -40
38 : #a27e49 : -38
40 : #a47f46 : -36
42 : #a77f44 : -34
44 : #a98042 : -32
46 : #ab803f : -30
48 : #ae813d : -28
50 : #b0813b : -26
52 : #b28138 : -24
54 : #b58236 : -22
56 : #b78234 : -20
58 : #b98331 : -18
60 : #bc832f : -16
62 : #be842d : -14
64 : #c0842a : -12
66 : #c38528 : -10
68 : #c58526 : -8
70 : #c78623 : -6
72 : #ca8621 : -4
74 : #cc871e : -2
76 : #ce871c : ±0
78 : #d1881a : +2
80 : #d38817 : +4
82 : #d58915 : +6
84 : #d88913 : +8
86 : #da8910 : +10
88 : #dd8a0e : +12
90 : #df8a0c : +14
92 : #e18b09 : +16
94 : #e48b07 : +18
96 : #e68c05 : +20
98 : #e88c02 : +22
100 : #eb8d00 : +24
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #090601 : -44
4 : #120c02 : -42
6 : #1b1204 : -40
8 : #241805 : -38
10 : #2d1d06 : -36
12 : #362307 : -34
14 : #3f2909 : -32
16 : #482f0a : -30
18 : #51350b : -28
20 : #5a3b0c : -26
22 : #63410d : -24
24 : #6c470f : -22
26 : #754c10 : -20
28 : #7e5211 : -18
30 : #875812 : -16
32 : #905e14 : -14
34 : #996415 : -12
36 : #a26a16 : -10
38 : #ab7017 : -8
40 : #b47618 : -6
42 : #bc7b1a : -4
44 : #c5811b : -2
46 : #ce871c : ±0
48 : #d78d1d : +2
50 : #e0931f : +4
52 : #e29728 : +6
54 : #e39c31 : +8
56 : #e4a03a : +10
58 : #e5a443 : +12
60 : #e7a94b : +14
62 : #e8ad54 : +16
64 : #e9b15d : +18
66 : #eab566 : +20
68 : #ebba6f : +22
70 : #edbe78 : +24
72 : #eec281 : +26
74 : #efc78a : +28
76 : #f0cb93 : +30
78 : #f2cf9c : +32
80 : #f3d4a5 : +34
82 : #f4d8ae : +36
84 : #f5dcb7 : +38
86 : #f6e1c0 : +40
88 : #f8e5c9 : +42
90 : #f9e9d2 : +44
92 : #faeedb : +46
94 : #fbf2e4 : +48
96 : #fdf6ed : +50
98 : #fefbf6 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow