#eb5200
RGB
赤 | 235 |
---|---|
緑 | 82 |
青 | 0 |
HSL
色相 | 21° |
---|---|
彩度 | 100% |
明度 | 46% |
輝度 | 46% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 235, 緑 = 82, 青 = 0 )
HSL ( 色相 = 21°, 彩度 = 100%, 明度 = 46% )
H : 色相 ( 21° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #eb0400 : -20
11 : #eb2b00 : -10
21 : #eb5200 : ±0
31 : #eb7900 : +10
41 : #eba000 : +20
51 : #ebc700 : +30
61 : #e7eb00 : +40
71 : #c0eb00 : +50
81 : #98eb00 : +60
91 : #71eb00 : +70
101 : #4aeb00 : +80
111 : #23eb00 : +90
121 : #00eb04 : +100
131 : #00eb2b : +110
141 : #00eb52 : +120
151 : #00eb79 : +130
161 : #00eba0 : +140
171 : #00ebc7 : +150
181 : #00e7eb : +160
191 : #00c0eb : +170
201 : #0098eb : +180
211 : #0071eb : +190
221 : #004aeb : +200
231 : #0023eb : +210
241 : #0400eb : +220
251 : #2b00eb : +230
261 : #5200eb : +240
271 : #7900eb : +250
281 : #a000eb : +260
291 : #c700eb : +270
301 : #eb00e7 : +280
311 : #eb00c0 : +290
321 : #eb0098 : +300
331 : #eb0071 : +310
341 : #eb004a : +320
351 : #eb0023 : +330
11 : #eb2b00 : -10
12 : #eb2f00 : -9
13 : #eb3300 : -8
14 : #eb3700 : -7
15 : #eb3b00 : -6
16 : #eb3f00 : -5
17 : #eb4200 : -4
18 : #eb4600 : -3
19 : #eb4a00 : -2
20 : #eb4e00 : -1
21 : #eb5200 : ±0
22 : #eb5600 : +1
23 : #eb5a00 : +2
24 : #eb5e00 : +3
25 : #eb6200 : +4
26 : #eb6600 : +5
27 : #eb6a00 : +6
28 : #eb6d00 : +7
29 : #eb7100 : +8
30 : #eb7500 : +9
31 : #eb7900 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -100
2 : #787573 : -98
4 : #7a7471 : -96
6 : #7c736e : -94
8 : #7f726c : -92
10 : #81726a : -90
12 : #837167 : -88
14 : #867065 : -86
16 : #887063 : -84
18 : #8a6f60 : -82
20 : #8d6e5e : -80
22 : #8f6e5b : -78
24 : #916d59 : -76
26 : #946c57 : -74
28 : #966b54 : -72
30 : #986b52 : -70
32 : #9b6a50 : -68
34 : #9d694d : -66
36 : #a0694b : -64
38 : #a26849 : -62
40 : #a46746 : -60
42 : #a76744 : -58
44 : #a96642 : -56
46 : #ab653f : -54
48 : #ae643d : -52
50 : #b0643b : -50
52 : #b26338 : -48
54 : #b56236 : -46
56 : #b76234 : -44
58 : #b96131 : -42
60 : #bc602f : -40
62 : #be5f2d : -38
64 : #c05f2a : -36
66 : #c35e28 : -34
68 : #c55d26 : -32
70 : #c75d23 : -30
72 : #ca5c21 : -28
74 : #cc5b1e : -26
76 : #ce5b1c : -24
78 : #d15a1a : -22
80 : #d35917 : -20
82 : #d55815 : -18
84 : #d85813 : -16
86 : #da5710 : -14
88 : #dd560e : -12
90 : #df560c : -10
92 : #e15509 : -8
94 : #e45407 : -6
96 : #e65405 : -4
98 : #e85302 : -2
100 : #eb5200 : ±0
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #0a0400 : -44
4 : #140700 : -42
6 : #1f0b00 : -40
8 : #290e00 : -38
10 : #331200 : -36
12 : #3d1500 : -34
14 : #471900 : -32
16 : #521d00 : -30
18 : #5c2000 : -28
20 : #662400 : -26
22 : #702700 : -24
24 : #7a2b00 : -22
26 : #852e00 : -20
28 : #8f3200 : -18
30 : #993600 : -16
32 : #a33900 : -14
34 : #ad3d00 : -12
36 : #b84000 : -10
38 : #c24400 : -8
40 : #cc4700 : -6
42 : #d64b00 : -4
44 : #e04f00 : -2
46 : #eb5200 : ±0
48 : #f55600 : +2
50 : #ff5900 : +4
52 : #ff600a : +6
54 : #ff6714 : +8
56 : #ff6d1f : +10
58 : #ff7429 : +12
60 : #ff7a33 : +14
62 : #ff813d : +16
64 : #ff8847 : +18
66 : #ff8e52 : +20
68 : #ff955c : +22
70 : #ff9c66 : +24
72 : #ffa270 : +26
74 : #ffa97a : +28
76 : #ffaf85 : +30
78 : #ffb68f : +32
80 : #ffbd99 : +34
82 : #ffc3a3 : +36
84 : #ffcaad : +38
86 : #ffd1b8 : +40
88 : #ffd7c2 : +42
90 : #ffdecc : +44
92 : #ffe4d6 : +46
94 : #ffebe0 : +48
96 : #fff2eb : +50
98 : #fff8f5 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow