#ea391a
RGB
赤 | 234 |
---|---|
緑 | 57 |
青 | 26 |
HSL
色相 | 9° |
---|---|
彩度 | 83% |
明度 | 51% |
輝度 | 42% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 234, 緑 = 57, 青 = 26 )
HSL ( 色相 = 9°, 彩度 = 83%, 明度 = 51% )
H : 色相 ( 9° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #ea391a : ±0
19 : #ea5c1a : +10
29 : #ea7f1a : +20
39 : #eaa11a : +30
49 : #eac41a : +40
59 : #eae61a : +50
69 : #cbea1a : +60
79 : #a8ea1a : +70
89 : #86ea1a : +80
99 : #63ea1a : +90
109 : #40ea1a : +100
119 : #1eea1a : +110
129 : #1aea39 : +120
139 : #1aea5c : +130
149 : #1aea7f : +140
159 : #1aeaa1 : +150
169 : #1aeac4 : +160
179 : #1aeae6 : +170
189 : #1acbea : +180
199 : #1aa8ea : +190
209 : #1a86ea : +200
219 : #1a63ea : +210
229 : #1a40ea : +220
239 : #1a1eea : +230
249 : #391aea : +240
259 : #5c1aea : +250
269 : #7f1aea : +260
279 : #a11aea : +270
289 : #c41aea : +280
299 : #e61aea : +290
309 : #ea1acb : +300
319 : #ea1aa8 : +310
329 : #ea1a86 : +320
339 : #ea1a63 : +330
349 : #ea1a40 : +340
359 : #ea1a1e : +350
359 : #ea1a1e : +350
0 : #ea1a1a : -9
1 : #ea1e1a : -8
2 : #ea211a : -7
3 : #ea251a : -6
4 : #ea281a : -5
5 : #ea2c1a : -4
6 : #ea2f1a : -3
7 : #ea331a : -2
8 : #ea361a : -1
9 : #ea391a : ±0
10 : #ea3d1a : +1
11 : #ea401a : +2
12 : #ea441a : +3
13 : #ea471a : +4
14 : #ea4b1a : +5
15 : #ea4e1a : +6
16 : #ea521a : +7
17 : #ea551a : +8
18 : #ea591a : +9
19 : #ea5c1a : +10
S : 彩度 ( 83% )
(0%) 渋い ~ 鮮やか (100%)
1 : #838181 : -82
3 : #867f7e : -80
5 : #887e7c : -78
7 : #8b7c79 : -76
9 : #8d7a77 : -74
11 : #907874 : -72
13 : #927772 : -70
15 : #95756f : -68
17 : #97736d : -66
19 : #9a716a : -64
21 : #9c7068 : -62
23 : #9f6e65 : -60
25 : #a16c63 : -58
27 : #a46a60 : -56
29 : #a6695e : -54
31 : #a9675b : -52
33 : #ab6559 : -50
35 : #ae6356 : -48
37 : #b06254 : -46
39 : #b36051 : -44
41 : #b55e4f : -42
43 : #b85c4c : -40
45 : #ba5b4a : -38
47 : #bd5947 : -36
49 : #bf5745 : -34
51 : #c25542 : -32
53 : #c45440 : -30
55 : #c7523d : -28
57 : #c9503b : -26
59 : #cc4e38 : -24
61 : #ce4d36 : -22
63 : #d14b33 : -20
65 : #d34931 : -18
67 : #d6472e : -16
69 : #d8462c : -14
71 : #db4429 : -12
73 : #dd4227 : -10
75 : #e04024 : -8
77 : #e23f22 : -6
79 : #e53d1f : -4
81 : #e73b1d : -2
83 : #ea391a : ±0
85 : #ec3818 : +2
87 : #ef3615 : +4
89 : #f13413 : +6
91 : #f43210 : +8
93 : #f6310e : +10
95 : #f92f0b : +12
97 : #fb2d09 : +14
99 : #fe2b06 : +16
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #050100 : -50
3 : #0e0301 : -48
5 : #170502 : -46
7 : #210703 : -44
9 : #2a0a04 : -42
11 : #330c05 : -40
13 : #3d0e06 : -38
15 : #461007 : -36
17 : #4f1207 : -34
19 : #591408 : -32
21 : #621609 : -30
23 : #6b190a : -28
25 : #751b0b : -26
27 : #7e1d0c : -24
29 : #871f0d : -22
31 : #91210d : -20
33 : #9a230e : -18
35 : #a3250f : -16
37 : #ad2810 : -14
39 : #b62a11 : -12
41 : #bf2c12 : -10
43 : #c92e13 : -8
45 : #d23014 : -6
47 : #db3214 : -4
49 : #e53415 : -2
51 : #ea391a : ±0
53 : #eb4224 : +2
55 : #eb4a2d : +4
57 : #ec5236 : +6
59 : #ed5a40 : +8
61 : #ee6249 : +10
63 : #ef6a52 : +12
65 : #f0725c : +14
67 : #f17a65 : +16
69 : #f2826e : +18
71 : #f28a78 : +20
73 : #f39281 : +22
75 : #f49a8a : +24
77 : #f5a294 : +26
79 : #f6aa9d : +28
81 : #f7b2a6 : +30
83 : #f8bab0 : +32
85 : #f8c3b9 : +34
87 : #f9cbc2 : +36
89 : #fad3cc : +38
91 : #fbdbd5 : +40
93 : #fce3de : +42
95 : #fdebe8 : +44
97 : #fef3f1 : +46
99 : #fffbfa : +48
CSS入門、作ってます。
text-shadow