#2f4e98
RGB
赤 | 47 |
---|---|
緑 | 78 |
青 | 152 |
HSL
色相 | 222° |
---|---|
彩度 | 53% |
明度 | 39% |
輝度 | 30% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 47, 緑 = 78, 青 = 152 )
HSL ( 色相 = 222°, 彩度 = 53%, 明度 = 39% )
H : 色相 ( 222° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #98322f : -220
12 : #98442f : -210
22 : #98552f : -200
32 : #98672f : -190
42 : #98792f : -180
52 : #988a2f : -170
62 : #95982f : -160
72 : #83982f : -150
82 : #72982f : -140
92 : #60982f : -130
102 : #4e982f : -120
112 : #3d982f : -110
122 : #2f9832 : -100
132 : #2f9844 : -90
142 : #2f9855 : -80
152 : #2f9867 : -70
162 : #2f9879 : -60
172 : #2f988a : -50
182 : #2f9598 : -40
192 : #2f8398 : -30
202 : #2f7298 : -20
212 : #2f6098 : -10
222 : #2f4e98 : ±0
232 : #2f3d98 : +10
242 : #322f98 : +20
252 : #442f98 : +30
262 : #552f98 : +40
272 : #672f98 : +50
282 : #792f98 : +60
292 : #8a2f98 : +70
302 : #982f95 : +80
312 : #982f83 : +90
322 : #982f72 : +100
332 : #982f60 : +110
342 : #982f4e : +120
352 : #982f3d : +130
212 : #2f6098 : -10
213 : #2f5e98 : -9
214 : #2f5c98 : -8
215 : #2f5b98 : -7
216 : #2f5998 : -6
217 : #2f5798 : -5
218 : #2f5598 : -4
219 : #2f5498 : -3
220 : #2f5298 : -2
221 : #2f5098 : -1
222 : #2f4e98 : ±0
223 : #2f4d98 : +1
224 : #2f4b98 : +2
225 : #2f4998 : +3
226 : #2f4798 : +4
227 : #2f4698 : +5
228 : #2f4498 : +6
229 : #2f4298 : +7
230 : #2f4098 : +8
231 : #2f3f98 : +9
232 : #2f3d98 : +10
S : 彩度 ( 53% )
(0%) 渋い ~ 鮮やか (100%)
1 : #626364 : -52
3 : #606266 : -50
5 : #5e6168 : -48
7 : #5c616a : -46
9 : #5a606c : -44
11 : #595f6e : -42
13 : #575e70 : -40
15 : #555d72 : -38
17 : #535d74 : -36
19 : #515c76 : -34
21 : #4f5b78 : -32
23 : #4d5a7a : -30
25 : #4b5a7c : -28
27 : #49597e : -26
29 : #475880 : -24
31 : #455782 : -22
33 : #435684 : -20
35 : #415686 : -18
37 : #3f5588 : -16
39 : #3d548a : -14
41 : #3b538c : -12
43 : #39528e : -10
45 : #375290 : -8
47 : #355192 : -6
49 : #335094 : -4
51 : #314f96 : -2
53 : #2f4e98 : ±0
55 : #2d4e9a : +2
57 : #2b4d9c : +4
59 : #294c9e : +6
61 : #274ba0 : +8
63 : #254aa2 : +10
65 : #234aa4 : +12
67 : #2149a6 : +14
69 : #1f48a8 : +16
71 : #1d47aa : +18
73 : #1b46ac : +20
75 : #1946ae : +22
77 : #1745b0 : +24
79 : #1544b2 : +26
81 : #1343b4 : +28
83 : #1142b6 : +30
85 : #0f42b8 : +32
87 : #0d41ba : +34
89 : #0b40bc : +36
91 : #093fbe : +38
93 : #073ec0 : +40
95 : #053ec2 : +42
97 : #033dc4 : +44
99 : #013cc6 : +46
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #010204 : -38
3 : #04060c : -36
5 : #060a14 : -34
7 : #080e1b : -32
9 : #0b1223 : -30
11 : #0d162b : -28
13 : #101a33 : -26
15 : #121e3b : -24
17 : #142242 : -22
19 : #17264a : -20
21 : #192a52 : -18
23 : #1c2e5a : -16
25 : #1e3262 : -14
27 : #203669 : -12
29 : #233a71 : -10
31 : #253e79 : -8
33 : #284281 : -6
35 : #2a4689 : -4
37 : #2c4a90 : -2
39 : #2f4e98 : ±0
41 : #3152a0 : +2
43 : #3456a8 : +4
45 : #365ab0 : +6
47 : #385eb7 : +8
49 : #3b62bf : +10
51 : #4068c4 : +12
53 : #486ec7 : +14
55 : #4f74c9 : +16
57 : #577acb : +18
59 : #5f80ce : +20
61 : #6786d0 : +22
63 : #6f8dd3 : +24
65 : #7693d5 : +26
67 : #7e99d7 : +28
69 : #869fda : +30
71 : #8ea5dc : +32
73 : #96acdf : +34
75 : #9db2e1 : +36
77 : #a5b8e3 : +38
79 : #adbee6 : +40
81 : #b5c4e8 : +42
83 : #bdcaeb : +44
85 : #c4d1ed : +46
87 : #ccd7ef : +48
89 : #d4ddf2 : +50
91 : #dce3f4 : +52
93 : #e4e9f7 : +54
95 : #ebf0f9 : +56
97 : #f3f6fb : +58
99 : #fbfcfe : +60
CSS入門、作ってます。
text-shadow