#2e3d7a
RGB
赤 | 46 |
---|---|
緑 | 61 |
青 | 122 |
HSL
色相 | 228° |
---|---|
彩度 | 45% |
明度 | 33% |
輝度 | 25% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 46, 緑 = 61, 青 = 122 )
HSL ( 色相 = 228°, 彩度 = 45%, 明度 = 33% )
H : 色相 ( 228° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #7a382e : -220
18 : #7a452e : -210
28 : #7a522e : -200
38 : #7a5e2e : -190
48 : #7a6b2e : -180
58 : #7a772e : -170
68 : #707a2e : -160
78 : #637a2e : -150
88 : #577a2e : -140
98 : #4a7a2e : -130
108 : #3d7a2e : -120
118 : #317a2e : -110
128 : #2e7a38 : -100
138 : #2e7a45 : -90
148 : #2e7a52 : -80
158 : #2e7a5e : -70
168 : #2e7a6b : -60
178 : #2e7a77 : -50
188 : #2e707a : -40
198 : #2e637a : -30
208 : #2e577a : -20
218 : #2e4a7a : -10
228 : #2e3d7a : ±0
238 : #2e317a : +10
248 : #382e7a : +20
258 : #452e7a : +30
268 : #522e7a : +40
278 : #5e2e7a : +50
288 : #6b2e7a : +60
298 : #772e7a : +70
308 : #7a2e70 : +80
318 : #7a2e63 : +90
328 : #7a2e57 : +100
338 : #7a2e4a : +110
348 : #7a2e3d : +120
358 : #7a2e31 : +130
218 : #2e4a7a : -10
219 : #2e497a : -9
220 : #2e487a : -8
221 : #2e467a : -7
222 : #2e457a : -6
223 : #2e447a : -5
224 : #2e427a : -4
225 : #2e417a : -3
226 : #2e407a : -2
227 : #2e3f7a : -1
228 : #2e3d7a : ±0
229 : #2e3c7a : +1
230 : #2e3b7a : +2
231 : #2e3a7a : +3
232 : #2e387a : +4
233 : #2e377a : +5
234 : #2e367a : +6
235 : #2e357a : +7
236 : #2e337a : +8
237 : #2e327a : +9
238 : #2e317a : +10
S : 彩度 ( 45% )
(0%) 渋い ~ 鮮やか (100%)
1 : #535455 : -44
3 : #525357 : -42
5 : #505258 : -40
7 : #4e515a : -38
9 : #4d505c : -36
11 : #4b4f5d : -34
13 : #494e5f : -32
15 : #484d61 : -30
17 : #464c62 : -28
19 : #444b64 : -26
21 : #424a66 : -24
23 : #414968 : -22
25 : #3f4869 : -20
27 : #3d476b : -18
29 : #3c466d : -16
31 : #3a446e : -14
33 : #384370 : -12
35 : #374272 : -10
37 : #354173 : -8
39 : #334075 : -6
41 : #323f77 : -4
43 : #303e78 : -2
45 : #2e3d7a : ±0
47 : #2d3c7c : +2
49 : #2b3b7d : +4
51 : #293a7f : +6
53 : #283981 : +8
55 : #263882 : +10
57 : #243784 : +12
59 : #233686 : +14
61 : #213587 : +16
63 : #1f3489 : +18
65 : #1d338b : +20
67 : #1c328d : +22
69 : #1a318e : +24
71 : #183090 : +26
73 : #172f92 : +28
75 : #152e93 : +30
77 : #132d95 : +32
79 : #122c97 : +34
81 : #102b98 : +36
83 : #0e2a9a : +38
85 : #0d299c : +40
87 : #0b289d : +42
89 : #09279f : +44
91 : #0826a1 : +46
93 : #0625a2 : +48
95 : #0424a4 : +50
97 : #0323a6 : +52
99 : #0122a7 : +54
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #010204 : -32
3 : #04060b : -30
5 : #070912 : -28
7 : #0a0d1a : -26
9 : #0d1121 : -24
11 : #0f1429 : -22
13 : #121830 : -20
15 : #151c37 : -18
17 : #18203f : -16
19 : #1b2346 : -14
21 : #1d274e : -12
23 : #202b55 : -10
25 : #232f5c : -8
27 : #263264 : -6
29 : #29366b : -4
31 : #2b3a73 : -2
33 : #2e3d7a : ±0
35 : #314181 : +2
37 : #344589 : +4
39 : #374990 : +6
41 : #3a4c98 : +8
43 : #3c509f : +10
45 : #3f54a6 : +12
47 : #4257ae : +14
49 : #455bb5 : +16
51 : #4a60ba : +18
53 : #5167bd : +20
55 : #596dc0 : +22
57 : #6074c3 : +24
59 : #677ac5 : +26
61 : #6f81c8 : +28
63 : #7687cb : +30
65 : #7e8ece : +32
67 : #8594d1 : +34
69 : #8c9bd4 : +36
71 : #94a1d6 : +38
73 : #9ba8d9 : +40
75 : #a3aedc : +42
77 : #aab5df : +44
79 : #b1bbe2 : +46
81 : #b9c1e4 : +48
83 : #c0c8e7 : +50
85 : #c8ceea : +52
87 : #cfd5ed : +54
89 : #d6dbf0 : +56
91 : #dee2f2 : +58
93 : #e5e8f5 : +60
95 : #edeff8 : +62
97 : #f4f5fb : +64
99 : #fbfcfe : +66
CSS入門、作ってます。
text-shadow