#bf0873
RGB
赤 | 191 |
---|---|
緑 | 8 |
青 | 115 |
HSL
色相 | 325° |
---|---|
彩度 | 92% |
明度 | 39% |
輝度 | 29% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 191, 緑 = 8, 青 = 115 )
HSL ( 色相 = 325°, 彩度 = 92%, 明度 = 39% )
H : 色相 ( 325° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #bf1708 : -320
15 : #bf3608 : -310
25 : #bf5408 : -300
35 : #bf7308 : -290
45 : #bf9108 : -280
55 : #bfb008 : -270
65 : #b0bf08 : -260
75 : #91bf08 : -250
85 : #73bf08 : -240
95 : #54bf08 : -230
105 : #36bf08 : -220
115 : #17bf08 : -210
125 : #08bf17 : -200
135 : #08bf36 : -190
145 : #08bf54 : -180
155 : #08bf73 : -170
165 : #08bf91 : -160
175 : #08bfb0 : -150
185 : #08b0bf : -140
195 : #0891bf : -130
205 : #0873bf : -120
215 : #0854bf : -110
225 : #0836bf : -100
235 : #0817bf : -90
245 : #1708bf : -80
255 : #3608bf : -70
265 : #5408bf : -60
275 : #7308bf : -50
285 : #9108bf : -40
295 : #b008bf : -30
305 : #bf08b0 : -20
315 : #bf0891 : -10
325 : #bf0873 : ±0
335 : #bf0854 : +10
345 : #bf0836 : +20
355 : #bf0817 : +30
315 : #bf0891 : -10
316 : #bf088e : -9
317 : #bf088b : -8
318 : #bf0888 : -7
319 : #bf0885 : -6
320 : #bf0882 : -5
321 : #bf087f : -4
322 : #bf087c : -3
323 : #bf0879 : -2
324 : #bf0876 : -1
325 : #bf0873 : ±0
326 : #bf0870 : +1
327 : #bf086d : +2
328 : #bf086a : +3
329 : #bf0866 : +4
330 : #bf0863 : +5
331 : #bf0860 : +6
332 : #bf085d : +7
333 : #bf085a : +8
334 : #bf0857 : +9
335 : #bf0854 : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #636363 : -92
2 : #656164 : -90
4 : #675f64 : -88
6 : #695d64 : -86
8 : #6b5b65 : -84
10 : #6d5a65 : -82
12 : #6f5865 : -80
14 : #715666 : -78
16 : #735466 : -76
18 : #755266 : -74
20 : #775067 : -72
22 : #794e67 : -70
24 : #7b4c67 : -68
26 : #7d4a68 : -66
28 : #7f4868 : -64
30 : #814668 : -62
32 : #834469 : -60
34 : #854269 : -58
36 : #874069 : -56
38 : #893e6a : -54
40 : #8b3c6a : -52
42 : #8d3a6a : -50
44 : #8f386b : -48
46 : #91366b : -46
48 : #93346b : -44
50 : #95326c : -42
52 : #97306c : -40
54 : #992e6c : -38
56 : #9b2c6d : -36
58 : #9d2a6d : -34
60 : #9f286d : -32
62 : #a1266e : -30
64 : #a3246e : -28
66 : #a5226e : -26
68 : #a7206f : -24
70 : #a91e6f : -22
72 : #ab1c6f : -20
74 : #ad1a70 : -18
76 : #af1870 : -16
78 : #b11670 : -14
80 : #b31471 : -12
82 : #b51271 : -10
84 : #b71071 : -8
86 : #b90e72 : -6
88 : #bb0c72 : -4
90 : #bd0a72 : -2
92 : #bf0873 : ±0
94 : #c10673 : +2
96 : #c30473 : +4
98 : #c50274 : +6
100 : #c70074 : +8
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #050003 : -38
3 : #0f0109 : -36
5 : #18010f : -34
7 : #220115 : -32
9 : #2c021a : -30
11 : #360220 : -28
13 : #400326 : -26
15 : #49032c : -24
17 : #530332 : -22
19 : #5d0438 : -20
21 : #67043e : -18
23 : #710544 : -16
25 : #7a054a : -14
27 : #84064f : -12
29 : #8e0655 : -10
31 : #98065b : -8
33 : #a20761 : -6
35 : #ab0767 : -4
37 : #b5086d : -2
39 : #bf0873 : ±0
41 : #c90879 : +2
43 : #d3097e : +4
45 : #dc0984 : +6
47 : #e60a8a : +8
49 : #f00a90 : +10
51 : #f50f95 : +12
53 : #f5199a : +14
55 : #f6239e : +16
57 : #f62ca2 : +18
59 : #f736a6 : +20
61 : #f740ab : +22
63 : #f74aaf : +24
65 : #f854b3 : +26
67 : #f85db8 : +28
69 : #f967bc : +30
71 : #f971c0 : +32
73 : #f97bc5 : +34
75 : #fa85c9 : +36
77 : #fa8ecd : +38
79 : #fb98d2 : +40
81 : #fba2d6 : +42
83 : #fcacda : +44
85 : #fcb6df : +46
87 : #fcbfe3 : +48
89 : #fdc9e7 : +50
91 : #fdd3ec : +52
93 : #feddf0 : +54
95 : #fee7f4 : +56
97 : #fef0f9 : +58
99 : #fffafd : +60
CSS入門、作ってます。
text-shadow