#392277
RGB
赤 | 57 |
---|---|
緑 | 34 |
青 | 119 |
HSL
色相 | 256° |
---|---|
彩度 | 56% |
明度 | 30% |
輝度 | 20% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 57, 緑 = 34, 青 = 119 )
HSL ( 色相 = 256°, 彩度 = 56%, 明度 = 30% )
H : 色相 ( 256° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #772a22 : -250
16 : #773922 : -240
26 : #774722 : -230
36 : #775522 : -220
46 : #776322 : -210
56 : #777222 : -200
66 : #6f7722 : -190
76 : #607722 : -180
86 : #527722 : -170
96 : #447722 : -160
106 : #367722 : -150
116 : #277722 : -140
126 : #22772a : -130
136 : #227739 : -120
146 : #227747 : -110
156 : #227755 : -100
166 : #227763 : -90
176 : #227772 : -80
186 : #226f77 : -70
196 : #226077 : -60
206 : #225277 : -50
216 : #224477 : -40
226 : #223677 : -30
236 : #222777 : -20
246 : #2a2277 : -10
256 : #392277 : ±0
266 : #472277 : +10
276 : #552277 : +20
286 : #632277 : +30
296 : #722277 : +40
306 : #77226f : +50
316 : #772260 : +60
326 : #772252 : +70
336 : #772244 : +80
346 : #772236 : +90
356 : #772227 : +100
246 : #2a2277 : -10
247 : #2c2277 : -9
248 : #2d2277 : -8
249 : #2f2277 : -7
250 : #302277 : -6
251 : #312277 : -5
252 : #332277 : -4
253 : #342277 : -3
254 : #362277 : -2
255 : #372277 : -1
256 : #392277 : ±0
257 : #3a2277 : +1
258 : #3b2277 : +2
259 : #3d2277 : +3
260 : #3e2277 : +4
261 : #402277 : +5
262 : #412277 : +6
263 : #432277 : +7
264 : #442277 : +8
265 : #452277 : +9
266 : #472277 : +10
S : 彩度 ( 56% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4c4c4c : -56
2 : #4c4b4e : -54
4 : #4b4950 : -52
6 : #4a4851 : -50
8 : #4a4653 : -48
10 : #494554 : -46
12 : #484356 : -44
14 : #484257 : -42
16 : #474059 : -40
18 : #463f5a : -38
20 : #453d5c : -36
22 : #453c5d : -34
24 : #443a5f : -32
26 : #433960 : -30
28 : #433762 : -28
30 : #423663 : -26
32 : #413465 : -24
34 : #403267 : -22
36 : #403168 : -20
38 : #3f2f6a : -18
40 : #3e2e6b : -16
42 : #3e2c6d : -14
44 : #3d2b6e : -12
46 : #3c2970 : -10
48 : #3b2871 : -8
50 : #3b2673 : -6
52 : #3a2574 : -4
54 : #392376 : -2
56 : #392277 : ±0
58 : #382079 : +2
60 : #371f7a : +4
62 : #361d7c : +6
64 : #361c7d : +8
66 : #351a7f : +10
68 : #341881 : +12
70 : #341782 : +14
72 : #331584 : +16
74 : #321485 : +18
76 : #311287 : +20
78 : #311188 : +22
80 : #300f8a : +24
82 : #2f0e8b : +26
84 : #2f0c8d : +28
86 : #2e0b8e : +30
88 : #2d0990 : +32
90 : #2c0891 : +34
92 : #2c0693 : +36
94 : #2b0594 : +38
96 : #2a0396 : +40
98 : #2a0297 : +42
100 : #290099 : +44
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #040208 : -28
4 : #080410 : -26
6 : #0b0718 : -24
8 : #0f0920 : -22
10 : #130b28 : -20
12 : #170d30 : -18
14 : #1a1038 : -16
16 : #1e1240 : -14
18 : #221448 : -12
20 : #261650 : -10
22 : #291958 : -8
24 : #2d1b5f : -6
26 : #311d67 : -4
28 : #351f6f : -2
30 : #392277 : ±0
32 : #3c247f : +2
34 : #402687 : +4
36 : #44288f : +6
38 : #482b97 : +8
40 : #4b2d9f : +10
42 : #4f2fa7 : +12
44 : #5331af : +14
46 : #5734b7 : +16
48 : #5a36bf : +18
50 : #5e38c7 : +20
52 : #6540c9 : +22
54 : #6b48cb : +24
56 : #7150ce : +26
58 : #7858d0 : +28
60 : #7e60d2 : +30
62 : #8568d4 : +32
64 : #8b70d7 : +34
66 : #9278d9 : +36
68 : #9880db : +38
70 : #9f88dd : +40
72 : #a590e0 : +42
74 : #ab98e2 : +44
76 : #b2a0e4 : +46
78 : #b8a7e6 : +48
80 : #bfafe9 : +50
82 : #c5b7eb : +52
84 : #ccbfed : +54
86 : #d2c7ef : +56
88 : #d8cff2 : +58
90 : #dfd7f4 : +60
92 : #e5dff6 : +62
94 : #ece7f8 : +64
96 : #f2effb : +66
98 : #f9f7fd : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow