#024b41
RGB
赤 | 2 |
---|---|
緑 | 75 |
青 | 65 |
HSL
色相 | 172° |
---|---|
彩度 | 95% |
明度 | 15% |
輝度 | 20% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 2, 緑 = 75, 青 = 65 )
HSL ( 色相 = 172°, 彩度 = 95%, 明度 = 15% )
H : 色相 ( 172° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #4b0402 : -170
12 : #4b1002 : -160
22 : #4b1d02 : -150
32 : #4b2902 : -140
42 : #4b3502 : -130
52 : #4b4102 : -120
62 : #484b02 : -110
72 : #3c4b02 : -100
82 : #304b02 : -90
92 : #244b02 : -80
102 : #184b02 : -70
112 : #0c4b02 : -60
122 : #024b04 : -50
132 : #024b10 : -40
142 : #024b1d : -30
152 : #024b29 : -20
162 : #024b35 : -10
172 : #024b41 : ±0
182 : #02484b : +10
192 : #023c4b : +20
202 : #02304b : +30
212 : #02244b : +40
222 : #02184b : +50
232 : #020c4b : +60
242 : #04024b : +70
252 : #10024b : +80
262 : #1d024b : +90
272 : #29024b : +100
282 : #35024b : +110
292 : #41024b : +120
302 : #4b0248 : +130
312 : #4b023c : +140
322 : #4b0230 : +150
332 : #4b0224 : +160
342 : #4b0218 : +170
352 : #4b020c : +180
162 : #024b35 : -10
163 : #024b36 : -9
164 : #024b37 : -8
165 : #024b38 : -7
166 : #024b3a : -6
167 : #024b3b : -5
168 : #024b3c : -4
169 : #024b3d : -3
170 : #024b3e : -2
171 : #024b40 : -1
172 : #024b41 : ±0
173 : #024b42 : +1
174 : #024b43 : +2
175 : #024b45 : +3
176 : #024b46 : +4
177 : #024b47 : +5
178 : #024b48 : +6
179 : #024b49 : +7
180 : #024b4b : +8
181 : #02494b : +9
182 : #02484b : +10
S : 彩度 ( 95% )
(0%) 渋い ~ 鮮やか (100%)
1 : #262727 : -94
3 : #252727 : -92
5 : #242828 : -90
7 : #242928 : -88
9 : #232a29 : -86
11 : #222a29 : -84
13 : #212b2a : -82
15 : #212c2a : -80
17 : #202d2b : -78
19 : #1f2e2c : -76
21 : #1e2e2c : -74
23 : #1d2f2d : -72
25 : #1d302d : -70
27 : #1c312e : -68
29 : #1b312e : -66
31 : #1a322f : -64
33 : #1a3330 : -62
35 : #193430 : -60
37 : #183431 : -58
39 : #173531 : -56
41 : #173632 : -54
43 : #163732 : -52
45 : #153733 : -50
47 : #143833 : -48
49 : #143934 : -46
51 : #133a35 : -44
53 : #123b35 : -42
55 : #113b36 : -40
57 : #103c36 : -38
59 : #103d37 : -36
61 : #0f3e37 : -34
63 : #0e3e38 : -32
65 : #0d3f38 : -30
67 : #0d4039 : -28
69 : #0c413a : -26
71 : #0b413a : -24
73 : #0a423b : -22
75 : #0a433b : -20
77 : #09443c : -18
79 : #08443c : -16
81 : #07453d : -14
83 : #07463e : -12
85 : #06473e : -10
87 : #05483f : -8
89 : #04483f : -6
91 : #034940 : -4
93 : #034a40 : -2
95 : #024b41 : ±0
97 : #014b41 : +2
99 : #004c42 : +4
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #000504 : -14
3 : #000f0d : -12
5 : #011916 : -10
7 : #01231e : -8
9 : #012d27 : -6
11 : #013730 : -4
13 : #024138 : -2
15 : #024b41 : ±0
17 : #02554a : +2
19 : #025e52 : +4
21 : #03685b : +6
23 : #037264 : +8
25 : #037c6c : +10
27 : #038675 : +12
29 : #04907d : +14
31 : #049a86 : +16
33 : #04a48f : +18
35 : #04ae97 : +20
37 : #05b8a0 : +22
39 : #05c2a9 : +24
41 : #05ccb1 : +26
43 : #05d6ba : +28
45 : #06e0c3 : +30
47 : #06eacb : +32
49 : #06f4d4 : +34
51 : #0bf9d9 : +36
53 : #15f9db : +38
55 : #1ff9dc : +40
57 : #29fade : +42
59 : #33fadf : +44
61 : #3dfae1 : +46
63 : #47fae2 : +48
65 : #51fbe4 : +50
67 : #5bfbe5 : +52
69 : #65fbe7 : +54
71 : #6ffbe9 : +56
73 : #79fcea : +58
75 : #83fcec : +60
77 : #8dfced : +62
79 : #97fcef : +64
81 : #a1fdf0 : +66
83 : #aafdf2 : +68
85 : #b4fdf3 : +70
87 : #befdf5 : +72
89 : #c8fef6 : +74
91 : #d2fef8 : +76
93 : #dcfefa : +78
95 : #e6fefb : +80
97 : #f0fffd : +82
99 : #fafffe : +84
CSS入門、作ってます。
text-shadow