#1f2c7f
RGB
赤 | 31 |
---|---|
緑 | 44 |
青 | 127 |
HSL
色相 | 232° |
---|---|
彩度 | 61% |
明度 | 31% |
輝度 | 19% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 31, 緑 = 44, 青 = 127 )
HSL ( 色相 = 232°, 彩度 = 61%, 明度 = 31% )
H : 色相 ( 232° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #7f221f : -230
12 : #7f321f : -220
22 : #7f421f : -210
32 : #7f521f : -200
42 : #7f621f : -190
52 : #7f721f : -180
62 : #7c7f1f : -170
72 : #6c7f1f : -160
82 : #5c7f1f : -150
92 : #4c7f1f : -140
102 : #3c7f1f : -130
112 : #2c7f1f : -120
122 : #1f7f22 : -110
132 : #1f7f32 : -100
142 : #1f7f42 : -90
152 : #1f7f52 : -80
162 : #1f7f62 : -70
172 : #1f7f72 : -60
182 : #1f7c7f : -50
192 : #1f6c7f : -40
202 : #1f5c7f : -30
212 : #1f4c7f : -20
222 : #1f3c7f : -10
232 : #1f2c7f : ±0
242 : #221f7f : +10
252 : #321f7f : +20
262 : #421f7f : +30
272 : #521f7f : +40
282 : #621f7f : +50
292 : #721f7f : +60
302 : #7f1f7c : +70
312 : #7f1f6c : +80
322 : #7f1f5c : +90
332 : #7f1f4c : +100
342 : #7f1f3c : +110
352 : #7f1f2c : +120
222 : #1f3c7f : -10
223 : #1f3a7f : -9
224 : #1f397f : -8
225 : #1f377f : -7
226 : #1f357f : -6
227 : #1f347f : -5
228 : #1f327f : -4
229 : #1f317f : -3
230 : #1f2f7f : -2
231 : #1f2d7f : -1
232 : #1f2c7f : ±0
233 : #1f2a7f : +1
234 : #1f287f : +2
235 : #1f277f : +3
236 : #1f257f : +4
237 : #1f247f : +5
238 : #1f227f : +6
239 : #1f207f : +7
240 : #1f1f7f : +8
241 : #201f7f : +9
242 : #221f7f : +10
S : 彩度 ( 61% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4e4e50 : -60
3 : #4d4d51 : -58
5 : #4b4c53 : -56
7 : #4a4b55 : -54
9 : #484a56 : -52
11 : #464958 : -50
13 : #454859 : -48
15 : #43465b : -46
17 : #42455c : -44
19 : #40445e : -42
21 : #3e4360 : -40
23 : #3d4261 : -38
25 : #3b4163 : -36
27 : #3a3f64 : -34
29 : #383e66 : -32
31 : #373d68 : -30
33 : #353c69 : -28
35 : #333b6b : -26
37 : #323a6c : -24
39 : #30386e : -22
41 : #2f376f : -20
43 : #2d3671 : -18
45 : #2b3573 : -16
47 : #2a3474 : -14
49 : #283376 : -12
51 : #273177 : -10
53 : #253079 : -8
55 : #242f7b : -6
57 : #222e7c : -4
59 : #202d7e : -2
61 : #1f2c7f : ±0
63 : #1d2b81 : +2
65 : #1c2982 : +4
67 : #1a2884 : +6
69 : #192786 : +8
71 : #172687 : +10
73 : #152589 : +12
75 : #14248a : +14
77 : #12228c : +16
79 : #11218d : +18
81 : #0f208f : +20
83 : #0d1f91 : +22
85 : #0c1e92 : +24
87 : #0a1d94 : +26
89 : #091b95 : +28
91 : #071a97 : +30
93 : #061999 : +32
95 : #04189a : +34
97 : #02179c : +36
99 : #01169d : +38
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #010104 : -30
3 : #03040c : -28
5 : #050715 : -26
7 : #070a1d : -24
9 : #090d25 : -22
11 : #0b102d : -20
13 : #0d1235 : -18
15 : #0f153e : -16
17 : #111846 : -14
19 : #131b4e : -12
21 : #151e56 : -10
23 : #17205e : -8
25 : #192367 : -6
27 : #1b266f : -4
29 : #1d2977 : -2
31 : #1f2c7f : ±0
33 : #212f87 : +2
35 : #233190 : +4
37 : #253498 : +6
39 : #2737a0 : +8
41 : #293aa8 : +10
43 : #2b3db1 : +12
45 : #2d3fb9 : +14
47 : #2f42c1 : +16
49 : #3145c9 : +18
51 : #364ace : +20
53 : #3e52d0 : +22
55 : #4659d2 : +24
57 : #4e60d4 : +26
59 : #5768d6 : +28
61 : #5f6fd8 : +30
63 : #6776da : +32
65 : #6f7edc : +34
67 : #7885de : +36
69 : #808de0 : +38
71 : #8894e2 : +40
73 : #909be4 : +42
75 : #98a3e6 : +44
77 : #a1aae8 : +46
79 : #a9b1ea : +48
81 : #b1b9ec : +50
83 : #b9c0ee : +52
85 : #c1c8f0 : +54
87 : #cacff2 : +56
89 : #d2d6f4 : +58
91 : #dadef6 : +60
93 : #e2e5f8 : +62
95 : #eaedfa : +64
97 : #f3f4fc : +66
99 : #fbfbfe : +68
CSS入門、作ってます。
text-shadow