#255374
RGB
赤 | 37 |
---|---|
緑 | 83 |
青 | 116 |
HSL
色相 | 205° |
---|---|
彩度 | 52% |
明度 | 30% |
輝度 | 29% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 37, 緑 = 83, 青 = 116 )
HSL ( 色相 = 205°, 彩度 = 52%, 明度 = 30% )
H : 色相 ( 205° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #742b25 : -200
15 : #743925 : -190
25 : #744625 : -180
35 : #745325 : -170
45 : #746025 : -160
55 : #746e25 : -150
65 : #6e7425 : -140
75 : #607425 : -130
85 : #537425 : -120
95 : #467425 : -110
105 : #397425 : -100
115 : #2b7425 : -90
125 : #25742b : -80
135 : #257439 : -70
145 : #257446 : -60
155 : #257453 : -50
165 : #257460 : -40
175 : #25746e : -30
185 : #256e74 : -20
195 : #256074 : -10
205 : #255374 : ±0
215 : #254674 : +10
225 : #253974 : +20
235 : #252b74 : +30
245 : #2b2574 : +40
255 : #392574 : +50
265 : #462574 : +60
275 : #532574 : +70
285 : #602574 : +80
295 : #6e2574 : +90
305 : #74256e : +100
315 : #742560 : +110
325 : #742553 : +120
335 : #742546 : +130
345 : #742539 : +140
355 : #74252b : +150
195 : #256074 : -10
196 : #255f74 : -9
197 : #255e74 : -8
198 : #255c74 : -7
199 : #255b74 : -6
200 : #255a74 : -5
201 : #255874 : -4
202 : #255774 : -3
203 : #255674 : -2
204 : #255474 : -1
205 : #255374 : ±0
206 : #255274 : +1
207 : #255074 : +2
208 : #254f74 : +3
209 : #254e74 : +4
210 : #254d74 : +5
211 : #254b74 : +6
212 : #254a74 : +7
213 : #254974 : +8
214 : #254774 : +9
215 : #254674 : +10
S : 彩度 ( 52% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4c4c4c : -52
2 : #4b4d4e : -50
4 : #494d50 : -48
6 : #484d51 : -46
8 : #464e53 : -44
10 : #454e54 : -42
12 : #434e56 : -40
14 : #424e57 : -38
16 : #404f59 : -36
18 : #3f4f5a : -34
20 : #3d4f5c : -32
22 : #3c4f5d : -30
24 : #3a505f : -28
26 : #395060 : -26
28 : #375062 : -24
30 : #365063 : -22
32 : #345165 : -20
34 : #325167 : -18
36 : #315168 : -16
38 : #2f516a : -14
40 : #2e526b : -12
42 : #2c526d : -10
44 : #2b526e : -8
46 : #295270 : -6
48 : #285371 : -4
50 : #265373 : -2
52 : #255374 : ±0
54 : #235376 : +2
56 : #225477 : +4
58 : #205479 : +6
60 : #1f547a : +8
62 : #1d547c : +10
64 : #1c557d : +12
66 : #1a557f : +14
68 : #185581 : +16
70 : #175582 : +18
72 : #155684 : +20
74 : #145685 : +22
76 : #125687 : +24
78 : #115688 : +26
80 : #0f578a : +28
82 : #0e578b : +30
84 : #0c578d : +32
86 : #0b578e : +34
88 : #095890 : +36
90 : #085891 : +38
92 : #065893 : +40
94 : #055894 : +42
96 : #035996 : +44
98 : #025997 : +46
100 : #005999 : +48
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #020608 : -28
4 : #050b10 : -26
6 : #071117 : -24
8 : #0a161f : -22
10 : #0c1c27 : -20
12 : #0f212f : -18
14 : #112736 : -16
16 : #142c3e : -14
18 : #163246 : -12
20 : #18374e : -10
22 : #1b3d55 : -8
24 : #1d435d : -6
26 : #204865 : -4
28 : #224e6d : -2
30 : #255374 : ±0
32 : #27597c : +2
34 : #2a5e84 : +4
36 : #2c648c : +6
38 : #2f6993 : +8
40 : #316f9b : +10
42 : #3374a3 : +12
44 : #367aab : +14
46 : #387fb2 : +16
48 : #3b85ba : +18
50 : #3d8bc2 : +20
52 : #458fc4 : +22
54 : #4d94c7 : +24
56 : #5499c9 : +26
58 : #5c9dcc : +28
60 : #64a2ce : +30
62 : #6ca6d0 : +32
64 : #73abd3 : +34
66 : #7bb0d5 : +36
68 : #83b4d8 : +38
70 : #8bb9da : +40
72 : #92bedd : +42
74 : #9ac2df : +44
76 : #a2c7e2 : +46
78 : #aacce4 : +48
80 : #b1d0e7 : +50
82 : #b9d5e9 : +52
84 : #c1daeb : +54
86 : #c9deee : +56
88 : #d0e3f0 : +58
90 : #d8e8f3 : +60
92 : #e0ecf5 : +62
94 : #e8f1f8 : +64
96 : #eff6fa : +66
98 : #f7fafd : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow