#930662
RGB
赤 | 147 |
---|---|
緑 | 6 |
青 | 98 |
HSL
色相 | 321° |
---|---|
彩度 | 92% |
明度 | 30% |
輝度 | 23% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 147, 緑 = 6, 青 = 98 )
HSL ( 色相 = 321°, 彩度 = 92%, 明度 = 30% )
H : 色相 ( 321° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #930806 : -320
11 : #932006 : -310
21 : #933706 : -300
31 : #934f06 : -290
41 : #936606 : -280
51 : #937e06 : -270
61 : #919306 : -260
71 : #799306 : -250
81 : #629306 : -240
91 : #4a9306 : -230
101 : #339306 : -220
111 : #1b9306 : -210
121 : #069308 : -200
131 : #069320 : -190
141 : #069337 : -180
151 : #06934f : -170
161 : #069366 : -160
171 : #06937e : -150
181 : #069193 : -140
191 : #067993 : -130
201 : #066293 : -120
211 : #064a93 : -110
221 : #063393 : -100
231 : #061b93 : -90
241 : #080693 : -80
251 : #200693 : -70
261 : #370693 : -60
271 : #4f0693 : -50
281 : #660693 : -40
291 : #7e0693 : -30
301 : #930691 : -20
311 : #930679 : -10
321 : #930662 : ±0
331 : #93064a : +10
341 : #930633 : +20
351 : #93061b : +30
311 : #930679 : -10
312 : #930677 : -9
313 : #930674 : -8
314 : #930672 : -7
315 : #930670 : -6
316 : #93066d : -5
317 : #93066b : -4
318 : #930669 : -3
319 : #930666 : -2
320 : #930664 : -1
321 : #930662 : ±0
322 : #93065f : +1
323 : #93065d : +2
324 : #93065b : +3
325 : #930658 : +4
326 : #930656 : +5
327 : #930654 : +6
328 : #930651 : +7
329 : #93064f : +8
330 : #93064d : +9
331 : #93064a : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4c4c4c : -92
2 : #4e4b4d : -90
4 : #50494d : -88
6 : #51484e : -86
8 : #53464e : -84
10 : #54454f : -82
12 : #56434f : -80
14 : #574250 : -78
16 : #594050 : -76
18 : #5a3f51 : -74
20 : #5c3d51 : -72
22 : #5d3c52 : -70
24 : #5f3a52 : -68
26 : #603952 : -66
28 : #623753 : -64
30 : #633653 : -62
32 : #653454 : -60
34 : #673254 : -58
36 : #683155 : -56
38 : #6a2f55 : -54
40 : #6b2e56 : -52
42 : #6d2c56 : -50
44 : #6e2b57 : -48
46 : #702957 : -46
48 : #712858 : -44
50 : #732658 : -42
52 : #742558 : -40
54 : #762359 : -38
56 : #772259 : -36
58 : #79205a : -34
60 : #7a1f5a : -32
62 : #7c1d5b : -30
64 : #7d1c5b : -28
66 : #7f1a5c : -26
68 : #81185c : -24
70 : #82175d : -22
72 : #84155d : -20
74 : #85145d : -18
76 : #87125e : -16
78 : #88115e : -14
80 : #8a0f5f : -12
82 : #8b0e5f : -10
84 : #8d0c60 : -8
86 : #8e0b60 : -6
88 : #900961 : -4
90 : #910861 : -2
92 : #930662 : ±0
94 : #940562 : +2
96 : #960363 : +4
98 : #970263 : +6
100 : #990063 : +8
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #0a0007 : -28
4 : #14010d : -26
6 : #1d0114 : -24
8 : #27021a : -22
10 : #310221 : -20
12 : #3b0227 : -18
14 : #45032e : -16
16 : #4e0334 : -14
18 : #58043b : -12
20 : #620441 : -10
22 : #6c0448 : -8
24 : #76054e : -6
26 : #7f0555 : -4
28 : #89065b : -2
30 : #930662 : ±0
32 : #9d0768 : +2
34 : #a6076f : +4
36 : #b00775 : +6
38 : #ba087c : +8
40 : #c40882 : +10
42 : #ce0989 : +12
44 : #d7098f : +14
46 : #e10996 : +16
48 : #eb0a9c : +18
50 : #f50aa3 : +20
52 : #f514a6 : +22
54 : #f61eaa : +24
56 : #f628ae : +26
58 : #f631b1 : +28
60 : #f73bb5 : +30
62 : #f745b9 : +32
64 : #f84fbd : +34
66 : #f859c0 : +36
68 : #f862c4 : +38
70 : #f96cc8 : +40
72 : #f976cb : +42
74 : #fa80cf : +44
76 : #fa89d3 : +46
78 : #fb93d6 : +48
80 : #fb9dda : +50
82 : #fba7de : +52
84 : #fcb1e1 : +54
86 : #fcbae5 : +56
88 : #fdc4e9 : +58
90 : #fdceed : +60
92 : #fdd8f0 : +62
94 : #fee2f4 : +64
96 : #feebf8 : +66
98 : #fff5fb : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow