#1a2fb7
RGB
赤 | 26 |
---|---|
緑 | 47 |
青 | 183 |
HSL
色相 | 232° |
---|---|
彩度 | 75% |
明度 | 41% |
輝度 | 22% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 26, 緑 = 47, 青 = 183 )
HSL ( 色相 = 232°, 彩度 = 75%, 明度 = 41% )
H : 色相 ( 232° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #b71f1a : -230
12 : #b73a1a : -220
22 : #b7541a : -210
32 : #b76e1a : -200
42 : #b7881a : -190
52 : #b7a21a : -180
62 : #b2b71a : -170
72 : #98b71a : -160
82 : #7db71a : -150
92 : #63b71a : -140
102 : #49b71a : -130
112 : #2fb71a : -120
122 : #1ab71f : -110
132 : #1ab73a : -100
142 : #1ab754 : -90
152 : #1ab76e : -80
162 : #1ab788 : -70
172 : #1ab7a2 : -60
182 : #1ab2b7 : -50
192 : #1a98b7 : -40
202 : #1a7db7 : -30
212 : #1a63b7 : -20
222 : #1a49b7 : -10
232 : #1a2fb7 : ±0
242 : #1f1ab7 : +10
252 : #3a1ab7 : +20
262 : #541ab7 : +30
272 : #6e1ab7 : +40
282 : #881ab7 : +50
292 : #a21ab7 : +60
302 : #b71ab2 : +70
312 : #b71a98 : +80
322 : #b71a7d : +90
332 : #b71a63 : +100
342 : #b71a49 : +110
352 : #b71a2f : +120
222 : #1a49b7 : -10
223 : #1a47b7 : -9
224 : #1a44b7 : -8
225 : #1a41b7 : -7
226 : #1a3fb7 : -6
227 : #1a3cb7 : -5
228 : #1a3ab7 : -4
229 : #1a37b7 : -3
230 : #1a34b7 : -2
231 : #1a32b7 : -1
232 : #1a2fb7 : ±0
233 : #1a2cb7 : +1
234 : #1a2ab7 : +2
235 : #1a27b7 : +3
236 : #1a25b7 : +4
237 : #1a22b7 : +5
238 : #1a1fb7 : +6
239 : #1a1db7 : +7
240 : #1a1ab7 : +8
241 : #1d1ab7 : +9
242 : #1f1ab7 : +10
S : 彩度 ( 75% )
(0%) 渋い ~ 鮮やか (100%)
1 : #68686a : -74
3 : #65666c : -72
5 : #63656e : -70
7 : #616370 : -68
9 : #5f6272 : -66
11 : #5d6074 : -64
13 : #5b5f76 : -62
15 : #595d78 : -60
17 : #575c7a : -58
19 : #555a7c : -56
21 : #53587f : -54
23 : #515781 : -52
25 : #4e5583 : -50
27 : #4c5485 : -48
29 : #4a5287 : -46
31 : #485189 : -44
33 : #464f8b : -42
35 : #444e8d : -40
37 : #424c8f : -38
39 : #404b91 : -36
41 : #3e4993 : -34
43 : #3c4896 : -32
45 : #3a4698 : -30
47 : #37459a : -28
49 : #35439c : -26
51 : #33419e : -24
53 : #3140a0 : -22
55 : #2f3ea2 : -20
57 : #2d3da4 : -18
59 : #2b3ba6 : -16
61 : #293aa8 : -14
63 : #2738aa : -12
65 : #2537ad : -10
67 : #2335af : -8
69 : #2034b1 : -6
71 : #1e32b3 : -4
73 : #1c31b5 : -2
75 : #1a2fb7 : ±0
77 : #182eb9 : +2
79 : #162cbb : +4
81 : #142abd : +6
83 : #1229bf : +8
85 : #1027c1 : +10
87 : #0e26c4 : +12
89 : #0c24c6 : +14
91 : #0923c8 : +16
93 : #0721ca : +18
95 : #0520cc : +20
97 : #031ece : +22
99 : #011dd0 : +24
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #010104 : -40
3 : #02030d : -38
5 : #030616 : -36
7 : #04081f : -34
9 : #060a28 : -32
11 : #070d31 : -30
13 : #080f3a : -28
15 : #0a1143 : -26
17 : #0b144c : -24
19 : #0c1655 : -22
21 : #0d185e : -20
23 : #0f1a67 : -18
25 : #101d70 : -16
27 : #111f78 : -14
29 : #122181 : -12
31 : #14248a : -10
33 : #152693 : -8
35 : #16289c : -6
37 : #182aa5 : -4
39 : #192dae : -2
41 : #1a2fb7 : ±0
43 : #1b31c0 : +2
45 : #1d34c9 : +4
47 : #1e36d2 : +6
49 : #1f38db : +8
51 : #243de0 : +10
53 : #2d45e1 : +12
55 : #364de2 : +14
57 : #3f55e4 : +16
59 : #485de5 : +18
61 : #5165e6 : +20
63 : #5a6de7 : +22
65 : #6375e9 : +24
67 : #6c7dea : +26
69 : #7584eb : +28
71 : #7e8ced : +30
73 : #8794ee : +32
75 : #8f9cef : +34
77 : #98a4f0 : +36
79 : #a1acf2 : +38
81 : #aab4f3 : +40
83 : #b3bcf4 : +42
85 : #bcc4f5 : +44
87 : #c5ccf7 : +46
89 : #ced4f8 : +48
91 : #d7dbf9 : +50
93 : #e0e3fb : +52
95 : #e9ebfc : +54
97 : #f2f3fd : +56
99 : #fbfbfe : +58
CSS入門、作ってます。
text-shadow