#7184e5
RGB
赤 | 113 |
---|---|
緑 | 132 |
青 | 229 |
HSL
色相 | 230° |
---|---|
彩度 | 69% |
明度 | 67% |
輝度 | 54% |
3桁の色
補色
反転色
RGB ( 赤 = 113, 緑 = 132, 青 = 229 )
HSL ( 色相 = 230°, 彩度 = 69%, 明度 = 67% )
H : 色相 ( 230° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #e57171 : -230
10 : #e58471 : -220
20 : #e59771 : -210
30 : #e5ab71 : -200
40 : #e5be71 : -190
50 : #e5d271 : -180
60 : #e5e571 : -170
70 : #d2e571 : -160
80 : #bee571 : -150
90 : #abe571 : -140
100 : #97e571 : -130
110 : #84e571 : -120
120 : #71e571 : -110
130 : #71e584 : -100
140 : #71e597 : -90
150 : #71e5ab : -80
160 : #71e5be : -70
170 : #71e5d2 : -60
180 : #71e5e5 : -50
190 : #71d2e5 : -40
200 : #71bee5 : -30
210 : #71abe5 : -20
220 : #7197e5 : -10
230 : #7184e5 : ±0
240 : #7171e5 : +10
250 : #8471e5 : +20
260 : #9771e5 : +30
270 : #ab71e5 : +40
280 : #be71e5 : +50
290 : #d271e5 : +60
300 : #e571e5 : +70
310 : #e571d2 : +80
320 : #e571be : +90
330 : #e571ab : +100
340 : #e57197 : +110
350 : #e57184 : +120
220 : #7197e5 : -10
221 : #7196e5 : -9
222 : #7194e5 : -8
223 : #7192e5 : -7
224 : #7190e5 : -6
225 : #718ee5 : -5
226 : #718ce5 : -4
227 : #718ae5 : -3
228 : #7188e5 : -2
229 : #7186e5 : -1
230 : #7184e5 : ±0
231 : #7182e5 : +1
232 : #7180e5 : +2
233 : #717ee5 : +3
234 : #717ce5 : +4
235 : #717ae5 : +5
236 : #7179e5 : +6
237 : #7177e5 : +7
238 : #7175e5 : +8
239 : #7173e5 : +9
240 : #7171e5 : +10
S : 彩度 ( 69% )
(0%) 渋い ~ 鮮やか (100%)
1 : #aaaaac : -68
3 : #a8a9ad : -66
5 : #a7a8af : -64
7 : #a5a7b1 : -62
9 : #a3a6b2 : -60
11 : #a2a5b4 : -58
13 : #a0a4b6 : -56
15 : #9ea2b7 : -54
17 : #9da1b9 : -52
19 : #9ba0bb : -50
21 : #999fbd : -48
23 : #979ebe : -46
25 : #969dc0 : -44
27 : #949cc2 : -42
29 : #929bc3 : -40
31 : #9199c5 : -38
33 : #8f98c7 : -36
35 : #8d97c8 : -34
37 : #8c96ca : -32
39 : #8a95cc : -30
41 : #8894cd : -28
43 : #8793cf : -26
45 : #8592d1 : -24
47 : #8390d2 : -22
49 : #828fd4 : -20
51 : #808ed6 : -18
53 : #7e8dd7 : -16
55 : #7d8cd9 : -14
57 : #7b8bdb : -12
59 : #798adc : -10
61 : #7889de : -8
63 : #7688e0 : -6
65 : #7486e2 : -4
67 : #7285e3 : -2
69 : #7184e5 : ±0
71 : #6f83e7 : +2
73 : #6d82e8 : +4
75 : #6c81ea : +6
77 : #6a80ec : +8
79 : #687fed : +10
81 : #677def : +12
83 : #657cf1 : +14
85 : #637bf2 : +16
87 : #627af4 : +18
89 : #6079f6 : +20
91 : #5e78f7 : +22
93 : #5d77f9 : +24
95 : #5b76fb : +26
97 : #5974fc : +28
99 : #5873fe : +30
L : 明度 ( 67% )
(0%) 暗い ~ 明るい (100%)
1 : #010104 : -66
3 : #02040d : -64
5 : #040716 : -62
7 : #060a1e : -60
9 : #070c27 : -58
11 : #090f2f : -56
13 : #0a1238 : -54
15 : #0c1541 : -52
17 : #0d1749 : -50
19 : #0f1a52 : -48
21 : #111d5a : -46
23 : #122063 : -44
25 : #14226c : -42
27 : #152574 : -40
29 : #17287d : -38
31 : #192b86 : -36
33 : #1a2d8e : -34
35 : #1c3097 : -32
37 : #1d339f : -30
39 : #1f36a8 : -28
41 : #2038b1 : -26
43 : #223bb9 : -24
45 : #243ec2 : -22
47 : #2541cb : -20
49 : #2743d3 : -18
51 : #2c49d8 : -16
53 : #3450da : -14
55 : #3d57db : -12
57 : #465fdd : -10
59 : #4e66df : -8
61 : #576ee0 : -6
63 : #6075e2 : -4
65 : #687de3 : -2
67 : #7184e5 : ±0
69 : #798ce6 : +2
71 : #8293e8 : +4
73 : #8b9aea : +6
75 : #93a2eb : +8
77 : #9ca9ed : +10
79 : #a5b1ee : +12
81 : #adb8f0 : +14
83 : #b6c0f2 : +16
85 : #bec7f3 : +18
87 : #c7cff5 : +20
89 : #d0d6f6 : +22
91 : #d8ddf8 : +24
93 : #e1e5f9 : +26
95 : #e9ecfb : +28
97 : #f2f4fd : +30
99 : #fbfbfe : +32
CSS入門、作ってます。
text-shadow