#ea2a70
RGB
赤 | 234 |
---|---|
緑 | 42 |
青 | 112 |
HSL
色相 | 338° |
---|---|
彩度 | 82% |
明度 | 54% |
輝度 | 42% |
3桁の色
補色
反転色
RGB ( 赤 = 234, 緑 = 42, 青 = 112 )
HSL ( 色相 = 338°, 彩度 = 82%, 明度 = 54% )
H : 色相 ( 338° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #ea432a : -330
18 : #ea632a : -320
28 : #ea832a : -310
38 : #eaa32a : -300
48 : #eac32a : -290
58 : #eae32a : -280
68 : #d0ea2a : -270
78 : #b0ea2a : -260
88 : #90ea2a : -250
98 : #70ea2a : -240
108 : #50ea2a : -230
118 : #30ea2a : -220
128 : #2aea43 : -210
138 : #2aea63 : -200
148 : #2aea83 : -190
158 : #2aeaa3 : -180
168 : #2aeac3 : -170
178 : #2aeae3 : -160
188 : #2ad0ea : -150
198 : #2ab0ea : -140
208 : #2a90ea : -130
218 : #2a70ea : -120
228 : #2a50ea : -110
238 : #2a30ea : -100
248 : #432aea : -90
258 : #632aea : -80
268 : #832aea : -70
278 : #a32aea : -60
288 : #c32aea : -50
298 : #e32aea : -40
308 : #ea2ad0 : -30
318 : #ea2ab0 : -20
328 : #ea2a90 : -10
338 : #ea2a70 : ±0
348 : #ea2a50 : +10
358 : #ea2a30 : +20
328 : #ea2a90 : -10
329 : #ea2a8d : -9
330 : #ea2a8a : -8
331 : #ea2a86 : -7
332 : #ea2a83 : -6
333 : #ea2a80 : -5
334 : #ea2a7d : -4
335 : #ea2a7a : -3
336 : #ea2a76 : -2
337 : #ea2a73 : -1
338 : #ea2a70 : ±0
339 : #ea2a6d : +1
340 : #ea2a6a : +2
341 : #ea2a66 : +3
342 : #ea2a63 : +4
343 : #ea2a60 : +5
344 : #ea2a5d : +6
345 : #ea2a5a : +7
346 : #ea2a56 : +8
347 : #ea2a53 : +9
348 : #ea2a50 : +10
S : 彩度 ( 82% )
(0%) 渋い ~ 鮮やか (100%)
0 : #898989 : -82
2 : #8c8789 : -80
4 : #8e8588 : -78
6 : #918388 : -76
8 : #938087 : -74
10 : #957e87 : -72
12 : #987c86 : -70
14 : #9a7985 : -68
16 : #9c7785 : -66
18 : #9f7584 : -64
20 : #a17283 : -62
22 : #a47083 : -60
24 : #a66e82 : -58
26 : #a86b82 : -56
28 : #ab6981 : -54
30 : #ad6780 : -52
32 : #af6480 : -50
34 : #b2627f : -48
36 : #b45f7e : -46
38 : #b65d7e : -44
40 : #b95b7d : -42
42 : #bb587d : -40
44 : #bd567c : -38
46 : #c0547b : -36
48 : #c2517b : -34
50 : #c44f7a : -32
52 : #c74d79 : -30
54 : #c94a79 : -28
56 : #cb4878 : -26
58 : #ce4678 : -24
60 : #d04377 : -22
62 : #d24176 : -20
64 : #d53f76 : -18
66 : #d73c75 : -16
68 : #d93a74 : -14
70 : #dc3874 : -12
72 : #de3573 : -10
74 : #e13373 : -8
76 : #e33172 : -6
78 : #e52e71 : -4
80 : #e82c71 : -2
82 : #ea2a70 : ±0
84 : #ec276f : +2
86 : #ef256f : +4
88 : #f1226e : +6
90 : #f3206e : +8
92 : #f61e6d : +10
94 : #f81b6c : +12
96 : #fa196c : +14
98 : #fd176b : +16
100 : #ff146a : +18
L : 明度 ( 54% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -54
2 : #090104 : -52
4 : #130208 : -50
6 : #1c030c : -48
8 : #250410 : -46
10 : #2e0514 : -44
12 : #380618 : -42
14 : #41061c : -40
16 : #4a0720 : -38
18 : #540824 : -36
20 : #5d0928 : -34
22 : #660a2c : -32
24 : #6f0b30 : -30
26 : #790c34 : -28
28 : #820d38 : -26
30 : #8b0e3c : -24
32 : #950f40 : -22
34 : #9e1044 : -20
36 : #a71148 : -18
38 : #b0114c : -16
40 : #ba1250 : -14
42 : #c31354 : -12
44 : #cc1458 : -10
46 : #d5155c : -8
48 : #df1660 : -6
50 : #e81764 : -4
52 : #e9206a : -2
54 : #ea2a70 : ±0
56 : #eb3376 : +2
58 : #ec3c7c : +4
60 : #ed4583 : +6
62 : #ee4f89 : +8
64 : #ee588f : +10
66 : #ef6195 : +12
68 : #f06a9c : +14
70 : #f174a2 : +16
72 : #f27da8 : +18
74 : #f386ae : +20
76 : #f490b4 : +22
78 : #f599bb : +24
80 : #f6a2c1 : +26
82 : #f7abc7 : +28
84 : #f8b5cd : +30
86 : #f9bed3 : +32
88 : #f9c7da : +34
90 : #fad1e0 : +36
92 : #fbdae6 : +38
94 : #fce3ec : +40
96 : #fdecf3 : +42
98 : #fef6f9 : +44
100 : #ffffff : +46
CSS入門、作ってます。
text-shadow