#e83402
RGB
| 赤 | 232 |
|---|---|
| 緑 | 52 |
| 青 | 2 |
HSL
| 色相 | 13° |
|---|---|
| 彩度 | 98% |
| 明度 | 46% |
| 輝度 | 39% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 232, 緑 = 52, 青 = 2 )
HSL ( 色相 = 13°, 彩度 = 98%, 明度 = 46% )
H : 色相 ( 13° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #e80e02 : -10
13 : #e83402 : ±0
23 : #e85a02 : +10
33 : #e88102 : +20
43 : #e8a702 : +30
53 : #e8cd02 : +40
63 : #dde802 : +50
73 : #b6e802 : +60
83 : #90e802 : +70
93 : #6ae802 : +80
103 : #43e802 : +90
113 : #1de802 : +100
123 : #02e80e : +110
133 : #02e834 : +120
143 : #02e85a : +130
153 : #02e881 : +140
163 : #02e8a7 : +150
173 : #02e8cd : +160
183 : #02dde8 : +170
193 : #02b6e8 : +180
203 : #0290e8 : +190
213 : #026ae8 : +200
223 : #0243e8 : +210
233 : #021de8 : +220
243 : #0e02e8 : +230
253 : #3402e8 : +240
263 : #5a02e8 : +250
273 : #8102e8 : +260
283 : #a702e8 : +270
293 : #cd02e8 : +280
303 : #e802dd : +290
313 : #e802b6 : +300
323 : #e80290 : +310
333 : #e8026a : +320
343 : #e80243 : +330
353 : #e8021d : +340
3 : #e80e02 : -10
4 : #e81202 : -9
5 : #e81602 : -8
6 : #e81902 : -7
7 : #e81d02 : -6
8 : #e82102 : -5
9 : #e82502 : -4
10 : #e82902 : -3
11 : #e82c02 : -2
12 : #e83002 : -1
13 : #e83402 : ±0
14 : #e83802 : +1
15 : #e83c02 : +2
16 : #e84002 : +3
17 : #e84302 : +4
18 : #e84702 : +5
19 : #e84b02 : +6
20 : #e84f02 : +7
21 : #e85302 : +8
22 : #e85702 : +9
23 : #e85a02 : +10
S : 彩度 ( 98% )
(0%) 渋い ～ 鮮やか (100%)
0 : #757575 : -98
2 : #787473 : -96
4 : #7a7371 : -94
6 : #7c716e : -92
8 : #7f706c : -90
10 : #816f6a : -88
12 : #836d67 : -86
14 : #866c65 : -84
16 : #886b63 : -82
18 : #8a6960 : -80
20 : #8d685e : -78
22 : #8f675b : -76
24 : #916559 : -74
26 : #946457 : -72
28 : #966354 : -70
30 : #986152 : -68
32 : #9b6050 : -66
34 : #9d5f4d : -64
36 : #a05d4b : -62
38 : #a25c49 : -60
40 : #a45b46 : -58
42 : #a75944 : -56
44 : #a95842 : -54
46 : #ab573f : -52
48 : #ae553d : -50
50 : #b0543b : -48
52 : #b25338 : -46
54 : #b55136 : -44
56 : #b75034 : -42
58 : #b94f31 : -40
60 : #bc4d2f : -38
62 : #be4c2d : -36
64 : #c04b2a : -34
66 : #c34928 : -32
68 : #c54826 : -30
70 : #c74723 : -28
72 : #ca4521 : -26
74 : #cc441e : -24
76 : #ce431c : -22
78 : #d1411a : -20
80 : #d34017 : -18
82 : #d53f15 : -16
84 : #d83d13 : -14
86 : #da3c10 : -12
88 : #dd3b0e : -10
90 : #df390c : -8
92 : #e13809 : -6
94 : #e43707 : -4
96 : #e63505 : -2
98 : #e83402 : ±0
100 : #eb3300 : +2
L : 明度 ( 46% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -46
2 : #0a0200 : -44
4 : #140500 : -42
6 : #1e0700 : -40
8 : #280900 : -38
10 : #320b01 : -36
12 : #3d0e01 : -34
14 : #471001 : -32
16 : #511201 : -30
18 : #5b1401 : -28
20 : #651701 : -26
22 : #6f1901 : -24
24 : #791b01 : -22
26 : #831d01 : -20
28 : #8d2001 : -18
30 : #972202 : -16
32 : #a22402 : -14
34 : #ac2702 : -12
36 : #b62902 : -10
38 : #c02b02 : -8
40 : #ca2d02 : -6
42 : #d43002 : -4
44 : #de3202 : -2
46 : #e83402 : ±0
48 : #f23602 : +2
50 : #fc3903 : +4
52 : #fd410d : +6
54 : #fd4917 : +8
56 : #fd5021 : +10
58 : #fd582b : +12
60 : #fd6035 : +14
62 : #fd683f : +16
64 : #fd7049 : +18
66 : #fd7853 : +20
68 : #fd805d : +22
70 : #fd8868 : +24
72 : #fe9072 : +26
74 : #fe987c : +28
76 : #fea086 : +30
78 : #fea890 : +32
80 : #feb09a : +34
82 : #feb8a4 : +36
84 : #fec0ae : +38
86 : #fec7b8 : +40
88 : #fecfc2 : +42
90 : #fed7cd : +44
92 : #ffdfd7 : +46
94 : #ffe7e1 : +48
96 : #ffefeb : +50
98 : #fff7f5 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow