#eb5a00
RGB
赤 | 235 |
---|---|
緑 | 90 |
青 | 0 |
HSL
色相 | 23° |
---|---|
彩度 | 100% |
明度 | 46% |
輝度 | 48% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 235, 緑 = 90, 青 = 0 )
HSL ( 色相 = 23°, 彩度 = 100%, 明度 = 46% )
H : 色相 ( 23° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #eb0c00 : -20
13 : #eb3300 : -10
23 : #eb5a00 : ±0
33 : #eb8100 : +10
43 : #eba800 : +20
53 : #ebcf00 : +30
63 : #dfeb00 : +40
73 : #b8eb00 : +50
83 : #91eb00 : +60
93 : #6aeb00 : +70
103 : #42eb00 : +80
113 : #1beb00 : +90
123 : #00eb0c : +100
133 : #00eb33 : +110
143 : #00eb5a : +120
153 : #00eb81 : +130
163 : #00eba8 : +140
173 : #00ebcf : +150
183 : #00dfeb : +160
193 : #00b8eb : +170
203 : #0091eb : +180
213 : #006aeb : +190
223 : #0042eb : +200
233 : #001beb : +210
243 : #0c00eb : +220
253 : #3300eb : +230
263 : #5a00eb : +240
273 : #8100eb : +250
283 : #a800eb : +260
293 : #cf00eb : +270
303 : #eb00df : +280
313 : #eb00b8 : +290
323 : #eb0091 : +300
333 : #eb006a : +310
343 : #eb0042 : +320
353 : #eb001b : +330
13 : #eb3300 : -10
14 : #eb3700 : -9
15 : #eb3b00 : -8
16 : #eb3f00 : -7
17 : #eb4200 : -6
18 : #eb4600 : -5
19 : #eb4a00 : -4
20 : #eb4e00 : -3
21 : #eb5200 : -2
22 : #eb5600 : -1
23 : #eb5a00 : ±0
24 : #eb5e00 : +1
25 : #eb6200 : +2
26 : #eb6600 : +3
27 : #eb6a00 : +4
28 : #eb6d00 : +5
29 : #eb7100 : +6
30 : #eb7500 : +7
31 : #eb7900 : +8
32 : #eb7d00 : +9
33 : #eb8100 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -100
2 : #787573 : -98
4 : #7a7471 : -96
6 : #7c746e : -94
8 : #7f736c : -92
10 : #81736a : -90
12 : #837267 : -88
14 : #867165 : -86
16 : #887163 : -84
18 : #8a7060 : -82
20 : #8d705e : -80
22 : #8f6f5b : -78
24 : #916f59 : -76
26 : #946e57 : -74
28 : #966e54 : -72
30 : #986d52 : -70
32 : #9b6d50 : -68
34 : #9d6c4d : -66
36 : #a06b4b : -64
38 : #a26b49 : -62
40 : #a46a46 : -60
42 : #a76a44 : -58
44 : #a96942 : -56
46 : #ab693f : -54
48 : #ae683d : -52
50 : #b0683b : -50
52 : #b26738 : -48
54 : #b56736 : -46
56 : #b76634 : -44
58 : #b96531 : -42
60 : #bc652f : -40
62 : #be642d : -38
64 : #c0642a : -36
66 : #c36328 : -34
68 : #c56326 : -32
70 : #c76223 : -30
72 : #ca6221 : -28
74 : #cc611e : -26
76 : #ce601c : -24
78 : #d1601a : -22
80 : #d35f17 : -20
82 : #d55f15 : -18
84 : #d85e13 : -16
86 : #da5e10 : -14
88 : #dd5d0e : -12
90 : #df5d0c : -10
92 : #e15c09 : -8
94 : #e45c07 : -6
96 : #e65b05 : -4
98 : #e85a02 : -2
100 : #eb5a00 : ±0
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #0a0400 : -44
4 : #140800 : -42
6 : #1f0c00 : -40
8 : #291000 : -38
10 : #331400 : -36
12 : #3d1700 : -34
14 : #471b00 : -32
16 : #521f00 : -30
18 : #5c2300 : -28
20 : #662700 : -26
22 : #702b00 : -24
24 : #7a2f00 : -22
26 : #853300 : -20
28 : #8f3700 : -18
30 : #993b00 : -16
32 : #a33f00 : -14
34 : #ad4200 : -12
36 : #b84600 : -10
38 : #c24a00 : -8
40 : #cc4e00 : -6
42 : #d65200 : -4
44 : #e05600 : -2
46 : #eb5a00 : ±0
48 : #f55e00 : +2
50 : #ff6200 : +4
52 : #ff680a : +6
54 : #ff6e14 : +8
56 : #ff751f : +10
58 : #ff7b29 : +12
60 : #ff8133 : +14
62 : #ff873d : +16
64 : #ff8e47 : +18
66 : #ff9452 : +20
68 : #ff9a5c : +22
70 : #ffa166 : +24
72 : #ffa770 : +26
74 : #ffad7a : +28
76 : #ffb485 : +30
78 : #ffba8f : +32
80 : #ffc099 : +34
82 : #ffc6a3 : +36
84 : #ffcdad : +38
86 : #ffd3b8 : +40
88 : #ffd9c2 : +42
90 : #ffe0cc : +44
92 : #ffe6d6 : +46
94 : #ffece0 : +48
96 : #fff2eb : +50
98 : #fff9f5 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow